画像遅延読み込みプラグイン「Lazy Loader」を入れてみた。
2020年06月01日 12時00分 月齢:9.8[十日月] 潮汐:長潮
4年前に投稿 | WordPress | コメントはありません
1分ぐらいで読めます。
ブログを始めたころは画像の表示は小さなサムネイルで、クリックしたらフルサイズ画像が閲覧できるようにしていました。
やがて回線速度や端末の能力の向上や解像度の高いスマートフォンの普及により、大きな画像を貼り付けることが一般的になりました。時代に合わせて当サイトも画像の大きさを大きくしました。
そこで問題になるのが、ページの表示速度が遅くなること。ページのすべての画像を読み込んでから表示するのでは、容量が大きくて時間がかかるわけです。
ページがスクロールするたびに画像を順次読み込みしていくようにするため、「Lazy Loader」を入れてみました。
結果は…
たしかに画像が遅延表示されるので、「その都度読み込んでいるんだな」ということはわかるのですが、どれくらい速くなったかというとあまり実感がないかなぁ。めちゃくちゃ遅い回線で試したら効果がよくわかるかも知れません。
導入にあたって「画像の遅延読み込み系プラグインで一番有能なのはコレ!」を参考にしました。ありがとうございましたっ。
古い記事・新しい記事
- 古い記事 [2020年03月03日]
- ← WordPressプラグイン「Table of Contents Plus」のカスタマイズ。
- 新しい記事 [2020年11月09日]
- → WordPress コメント本文とコメント投稿者の全角英数字を半角に、半角カタカナを全角に変換する。
他にも「WordPress」カテゴリの記事はいかがですか。
- WordPressコメント欄URLを自動的にハイパーリンクにする。
- WordPressプラグイン「Add Meta Tags」の文字化けを修正する。
- WordPressプラグイン MoonPhaseの実装。
- 「左が過去で右が未来」、ブログ記事における「前」「次」が時間軸と合っていないので整理してみる。
- WordPressを3.9.2にしてみた。
- WordPressにおける文字表示(置換)のカスタマイズ。
- WordPressの投稿に「この記事は○年前の記事」かを表示させてみた。
- フォームの初期文章を自動的にクリアするようにしてみた。
- ワードプレスの「P」って、大文字なのかと今さら気づいたので。
- WordPress3.0日本語版にアップグレードしました。