Lazy Load 画像遅延読込の導入とWordPress Popular Posts

PageSpeed Insights で「オフスクリーン画像の遅延読み込み」をせよとの警告が出たので Lazy Load を導入した。

 

 

Lazy Load 系のプラグインをいくつか試してみた。

どれもWPP=WordPress Popular Posts のサムネイル画像の表示に問題があった。

 

Jetpack のLazyload    WPP のサムネイル画像が表示されない。真っ白。

Lazy Load by  WP Rocket 全く機能しない

BJ Lazy Load   WPP の画像が表示されない

a3 Lazy Load   WPP の画像が表示されない

Lazy Load Optimizer  WPP の画像は表示されるが、Lazy Load にならない。一部のページで表示が乱れるので停止。

Lazy Loader  WPP の画像は表示されるが、Lazy Load にならない。

Autoptimize の Lazyload 機能を有効にする。これがWordPress Popular Posts 内のタグにも class="lazyload" を追加できていた。

WordPress Popular Posts にもLazyload を適用する方法

 

 

Autoptimize の Lazyload 機能 を使用すればいい。

警告が出なくなった。

 

と思ったら、iframe の google map や、 youtube 動画がLazyload にならないことが判明した。

それで、 iframe もLazyload できる Lazy Loader を改良して、WPPのサムネイル画像もLazyload でいるようにした。

 

lazy-loading-responsive-images/src/Plugin.php

の88行目に、次のように wpp_post にフィルターをかけるだけでよかった。

// Filter markup of the_content() calls to modify media markup for lazy loading.
add_filter( 'the_content', array( $this, 'filter_markup' ), 10001 );
add_filter( 'wpp_post', array( $this, 'filter_markup' ), 10001 );

 

タナカ売りの少女

 

 

  • Google の Indexing API を使うと、新しい投稿記事を瞬時にGoogleの検索エンジンに登録できる。 WordPress のプラグインとしてインデックスAPIが利用できる。使い方は英語 ...
  • Yoast SEO を停止して、Rank Math SEO プラグインを使ってみたらGoogle の検索結果に表示される記事抜粋スニペットの文字数が短過ぎに見えてびっくりした。#1 Yoast Alt ...
  • WP_CRON を停止して、Linux の crontab に移行する設定をこれまでに何度も試みたがうまくいかなかった。 毎日バックアップされるはずの、UpdraftPlus プラグインのクロンが動い ...
  • Kusanagi WordPress プラットフォームでは Fcache とBcache がある。 Fcache とはNginx ヱブサーバーのキャッシュ機能であり、Kusanagi の独自機能ではな ...
  • 目次 1 HTTPD アクセスログの日本語化 2 Logwatch も日本語化 HTTPD アクセスログの日本語化 Nginx,  Apache ヱブサーバーのアクセスログを見ると、日本語URLはエン ...
  • ヱブサイトの再構築中には、スタイルシート、style.css を頻繁に調整更新する。 CSSを追加、編集する度に再読み込みを繰り返して、変更の反映を確認していた。 これで編集者は反映を確認できるのだが ...
  • WordPressで使える頁カウンターをいくつか同時に使ってカウントの仕方の違いを比べてみた。WP-PostViews    長期常用中 Post Views Counter  新規インストール Go ...
  • Pjax で非同期画面遷移するWordpress テーマ Pjax Blog に変えてみた。 Pjax Blog テーマでは、Barba.js が使用されている。Pjax Blog | Unique ...

タグクラウド

WordPress カテゴリ人気記事 Views most

WordPress カテゴリ人気記事 月間

20190211

タグ関連記事

閲覧履歴

    //cookieが無い場合の処理
2019
GA-views: 131
20190211