メンテナンス作業を一旦中断します

割と重要なお知らせ
2018/02/16 3
vanillaice (Akira)
vanillaice (Akira)
Chrome Lazyloading

要約タイプテンプレートのメンテナンスを進めている最中ですが、一旦中断しようと思います。
うーん。Chromeの挙動が変 (´・ω・`)

メンテナンスの主な目的は

  • floatレイアウトをflexに変更
  • 画像の遅延読み込み導入

なのですが、ちょっと気になる点がいくつか…

以下の内容は一定条件下のみで発生します。
遅延読み込みが機能し、実際にページの表示負荷は下がるんだけども、完全に画面内に入っているにも関わらず画像が出てこない。
JSエラーになっているわけではなく、ただ単に画像の取得タイミングが遅れるんですね。
画面内に収まり、平均約2秒ほど経たないと表示されません。

Chromeのみで見られる現象です。
で、これは恐らく遅延させるプラグイン側の問題ではなく、Chrome(Chromium)に何かあるような気が。
Firefoxなどその他ブラウザでは起こりません。
これがちょっと閲覧に耐えないぐらいひどいなぁと思う (´・ω・`)

「特定条件」は 同ページ内にカルーセル系スライダーがあるとき です。
私が確認できているのはこれだけ。プラグイン製作者の方にも問い合わせがあるもよう。
slow loading when scrolling on wheel
私が確認しているのもまさしくこれなんですね。発生条件が異なるようですが。
なにやら製作者さん、バケーション中だとかで質疑応答が途絶えている(笑)
最後のコメントが10日ほど前なのでつい最近ですね。
horizontal(横方向)のスクロールが絡んでいそうな感じがしますが私ごときではわかりません(笑)
カルーセルスライダーの方にも問題は無いですね。どのプラグインでもそれが「横方向」「スライド」であれば発生します。重ねたものを表示する「フェイド」系では起こりません。同じものでもフェイドからスライドに切り替えただけで発生。
あと ネイティブJSによるクラス名の受け渡しに問題があるように思う。
これたぶん本命。たぶんね。たぶん(笑)

あともう一つ。Chromeが今後独自に遅延読み込みを導入するというニュースも飛び込んでます。

Google Chrome to Feature Built-In Image Lazy Loading

Future versions of Google Chrome will feature built-in support for lazy loading, a mechanism to defer the loading of images and iframes if they are not visible on the user's screen at load time.

英文なのでアレですけども、今後のバージョンでデフォルト導入するという内容です。
するってーと今一生懸命やる意味ないじゃん (´・ω・`)
ただこれ匿名情報らしいので信憑性についてはなんとも言えません。

Chrome自体が遅延読み込みを導入する云々はさておき、先に述べた「遅延過ぎ」問題の様子を少し見たいと思います。
カルーセルが無いテンプレートは関係ないんですけどもね。
いやこれやっぱChromiumの独自バグというかなんというか。
よーく観察するとスクロールバーの出方もおかしいんです(Mac)

というわけで、少し作業をお休みしまして新作の方に取り掛かろうと思いますー (´・ω・`)

 3

There are no comments yet.
-
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2018/02/16 (Fri) 11:54
-
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2018/02/16 (Fri) 11:58
vanillaice (Akira)
Akira
To Lazyloadの件 内緒さん

ごめんなさい。内緒さんのコメント見落としておりました (*_ _)

Chromeのlazy〜導入はあると思いますよ (´・ω・`)
であれば私のような凡人パンピーがせかせかやるよりもGoogleの天才君・天才ちゃんたちにやって頂いた方が良いに決まってるわけであって(笑)

ただ問題点もあるというか、やっぱりGoogleにデザインを統率されたくない気持ちはありますよね。
画像の表示のさせ方も一つのデザインになり得ると思うんです。
実装された場合にはブラウザの個人設定になると思いますけども、大抵の方はデフォルトのまま使いますよね。
だからデフォルトでどっちなの?ということの方が気になります。私的には(笑)

アドブロックの方は本国では昨日から開始されたんじゃないですかね。
日本は未導入ですよ。日本はweb後進国扱いです(笑)

2018/02/16 (Fri) 17:23

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です。
ご質問の前に 必ずお読みください
テンプレートに関するご質問時のお願い

必ず該当テンプレートの専用記事にお願いします。無関係な記事・別のテンプレート専用記事でのコメントはお控えください。
テンプレートカテゴリ
テンプレート一覧

割と重要なお知らせ