SWELL│特定の画像遅延読み込み（Lazy Load）を除外する方法
SWELLで特定の画像の遅延読み込み（Lazy Load）を除外する方法（loading=”lazy”）
対象の画像にクラスをつける高度な設定から追加CSSクラスに no-lazyload という名前のクラスを追加しましょう。
functions.php function motoki_remove_lazyloaded() < echo // no-lazyloadクラスが付いている画像から遅延読み込みを無効化 document.querySelectorAll('.no-lazyload img').forEach((img) => < if (img.hasAttribute('loading')) < img.removeAttribute('loading'); // loading="lazy" を削除 >>); EOM; > add_action('wp_footer', 'motoki_remove_lazyloaded');まとめ
URLをコピーしました！アフィリエイト付き！有料記事のサブスクリプションについて WAZAでは特に有益な記事は有料記事とさせていただいてます。 本記事では有料記事をリストでまとめました。 また有料記事の読み放題のサブスクリプション、そして有料記.
Service
WordPressサイトの高速化のサービスに関心がありましたら、ぜひ詳細をご覧ください。
関連記事
Snow Monkey Forms│余計なJSやCSSを読み込まない方法 WordPress│画像をAVIF形式で表示する方法 SWELL│読み込みファイル（CSS/JS）を極力減らす方法 SWELL│Noto Sans JPのリクエスト数を下げて高速化する方法│サブセット WordPress│CSSのコードを結合してインライン化して読み込む方法│Code Snippets WordPress│特定のページだけJavaScriptを読み込む方法 WordPress│特定のページだけjQueryを読み込む方法 WordPress│特定のページだけFontAwesomeを読み込む方法 WordPress│管理画面にサイトやプラグインのバージョン情報を表示するカスタマイズ WordPress│Cloudflareの使い方│CDN WordPress│CDN│Cloudinaryの使い方 競合も分析できる！Chromeユーザーエクスペリエンスレポートの使い方［CrUX］- SEO対策 (35)
- 内部施策 (19)
- 高速化 (16)
- SWELLカスタマイズ (105)
- WordPressカスタマイズ (78)
- プラグイン (30)
- 自作テーマ制作 (9)
- エラー・不具合対応 (20)
- サイト・サーバー移転・ドメイン移管 (14)
- セキュリティ強化 (8)
- 便利ツール・サービス (24)