トイレのうず

lazySizesでレスポンシブイメージの遅延読み込み(lazy load)をWordPressに組み込む

当記事はアフィリエイト広告を掲載しています。

関連記事

レスポンシブ対応画像の遅延読み込み時に再レンダリングされるのを防止する方法
WordPress
thumbnail 画像の高さが未指定だと画像遅延読み込みで再レンダリングされる
遅延読み込みで Google AdSense を貼っていても PageSpeed Insights の点数を上げる
WordPressWeb制作
thumbnail アドセンス遅延読み込み後:スコア98点
WordPress で Lightbox 的効果をつける【 Slimbox Plugin 】
WordPress
thumbnail ぼやき
WordPress で外部サーバーの画像をアイキャッチ画像として表示する
WordPress
thumbnail ぼやき
たった 1 行! WordPress で wp-caption の style 属性を削除または変更するカスタマイズ
WordPress
thumbnail ぼやき
WordPress にて日本語と半角英数字の間に狭いスペースを自動で挿入する
WordPress
thumbnail Firefoxでのスペースありなしでの改行の位置と狭いスペースの幅

コメント (2)

  • John Doe

    参考にさせていただきました。ありがとうございます。

    ご紹介していただいた処理を行うと、コンフリクトをおこすプラグインがありました。既に data- 属性がある場合に、”data-data-“と 2 重に属性をつけてしまうためのようです。

    以下のように、 preg_replace で検出置換する部分の頭に半角スペースを入れて、対処しました。
    “src|srcset|sizes” → ” src| srcset| sizes”
    “data-$1″ → ” data-$1″

  • あさこん

    ◇ John Doe さん◇
    ご指摘ありがとうございます。
    他のプラグインでデータ変更している可能性を考慮しておりませんでした。
    ご指摘を参考にコードを変更しました。

コメントを書く