Lazy-Load と画像サイズの欠落
Lazy-Load は画像と iframe に loading="lazy" 属性を補い、ブラウザーがそれらを表示領域に入ってから取得するようにします。画像にはさらに decoding="async" が加わります。このスイッチは初期状態でオンです。
プラグインが補うところ
- 投稿と固定ページの本文
- アイキャッチ画像
- アバター
- テキストウィジェット
- サイトのロゴ
設定する
- 「Lazy-Load」の項目は、サイドバーの「速度」グループの最後の項目にあります。
- そこで「Lazy-Load 有効」のスイッチを確認してください。既定ではオンです。
- 画像の寸法については「最適化」(ドイツ語:„Optimierung“)グループに移り、「画像」の項目で「欠けている寸法を補う」をオンにします。
- 「大きな画像のしきい値(ピクセル)」には、辺の長さがどこから WordPress がアップロードされた画像を縮小するかが入ります:既定は 2560、指定できるのは 0 から 8000 で、値 0 は縮小を無効にします。
- 1 から 255 の間の値をプラグインは適用しません — その場合、しきい値は WordPress 自身が定めるものが使われます。
すでにある loading 属性は上書きされません:画像のマークアップにすでに指定があれば、そのまま残ります。フィードではプラグインは何も補いません。
欠けている width と height の指定
「欠けている寸法を補う」は、画像ファイルから実際のピクセル寸法を読み取り、投稿と固定ページの本文で欠けている width と height の指定を後から書き加えます。レイアウトのずれを避けるためです。これはサーバー上にローカルで置かれているファイルにのみ働きます。外部ホストの画像はそのままです。求めた寸法はファイルごとに 1 日キャッシュされます。
この記事は役に立ったか?