画像要素が多いサイトの場合、
面がキービジュアルや商品画像などの大きい画像やパーツのような小さな画像無造作に置かれているように見えます。
一瞬だけなのですが、結構圧迫感が出てしまいます。
私の場合、下記のように処理でマスクして、用意ができたら外すという処理をしていました。
(考え方が古くて恐縮ですが)jsを使わないユーザーの対策をしろと言われた時代からの名残です…。
- document.ready()の段階で全体に単色divを展開。
- window.onload()でそのDivを隠す
document.ready
でマップをかけるため、かける数秒前の要素は見えてしまいごちゃごちゃしてしまいます、
しかし、色々なサイトを見ても最初にごちゃごちゃしていません。
最初にマスクをする事も考えるのですが、サイトに関係ない要素を置くのはいいのかなと、ひねくれた事を考えてしまいがちですが、
実際のところはどのように実装しているのでしょうか?
vueやreactのようなヴァーチャルドムはできそうですが、静的に書いたHTMLでそういう事をやる場合はどうするのが良いのでしょうか?
回答2件
あなたの回答
tips
プレビュー