wordpressで画像遅延読み込みプラグイン「Lazy Load」 の利用方法 あと モバイルとGooglebot対策

wordpress

プラグインを追加する時「Lazy Load」で検索すると
似たようなのがいろいろ出てくるけど「Lazy Load」を選択すること！
f:id:shikaku:20181016112257p:plain

追加したら有効化するだけなので導入は簡単。

しかしPCだと問題なくてもスマフォなどのモバイルだと画像読み込みが遅かったりタイミングが合わなくて読み込み失敗することがあるので、以下のようにプラグインに手を加えてモバイルは無効にするといい。

ついでにGoogleBotと相性悪いEdgeも無効にしよう。

プラグイン編集から「Lazy Load」を選んで読み込んで、
50行当たりの

// Don't lazyload for feeds, previews, mobile
if( is_feed() || is_preview() )
	return $content;

を

// Don't lazyload for feeds, previews, mobile
if( is_feed() || is_preview() || wp_is_mobile() || stripos($_SERVER['HTTP_USER_AGENT'], 'Googlebot')  || stripos($_SERVER['HTTP_USER_AGENT'], 'Edge') )
	return $content;

に差し替える。

ネタ元