[WordPress] 遅延読込プラグイン比較 – (1)Lazy Loader, (2)Lazy Load, (3)a3 Lazy Load (2020) – ID8071 [2020/01/27]
スポンサーリンク
by Google Ads ID:11145 by Google Ads ID23293 by Google Ads ID24747
by Google Ads ID8603
画像遅延プラグインの効果 スポンサーリンク
【国内正規品】 DJI POCKET 2 Creator コンボ 黒 by Amazon ID25883 SanDisk ( サンディスク ) 128GB microSD Extreme PRO microSDXC A2 SDS QXCY-128G-GN6MA [ 海外パッケージ品 ] ,by Amazon ID26153
以下の3つの画像遅延ローダーをGoogleのPageSpeed Insights のスコアで比較しました。
Lazy Loader
Lazy loading plugin that supports images, iFrames, video and audio elements and uses the lightweight lazysizes script. With manual modification of the …
Florian Brinkmann, MarcDK
画像遅延処理のPluginの有無でPageSpeed Insightスコアは、以下のように改善できた。
by Google Ads ID8603 スポンサーリンク
Synology DS517 by Amazon ID:22173 Synology DS920+ by Amazon ID:22172 オムロン BY50S用パック by Amazon ID:22171 オムロン BY50S by Amazon ID22170 Synology 高機能無線ルーター VPN Plus対応 日本正規代理店アスク サポート対応 保証2年 NT934 RT2600ac by Amazon ID24327 エレコム LANケーブル CAT6A 5m 爪折れ防止コネクタ ホワイト LD-GPA/WH5 by Amazon ID24327 結論 スポンサーリンク
by Rakuten ID:15895 結論から言うと今回の結果から、採用したPluginは、 「Lazy Load – Optimize Images Ver.2.3.2」です。
by Google Ads ID8603 評価方法
例えば、以下のアドレスをGoogle Page Speed Insightsに入力して測定します。(https://harikiri.diskstation.me/myblog/wordpress/7804/)
結果は、モバイル : 40程度 → 50程度
少し長文のページのスコアも測定しました。
結果は、モバイル : 25程度 → 35程度
比較検討したPluginのバージョン
Lazy Loader Ver.5.1.2 Lazy Load – Optimize Images Ver.2.3.2 a3 Lazy Load Ver 2.2.2 by Google Ads ID8603 結果の概要
Lazy Load と Lazy Loader
Lazy Load >= Lazy Loaderと、PageSpeed Insightsスコアで若干の差があったが、ほぼ同等。
ただし、Lazy Loadでは、連続でスコアを測定すると、だんだん良くなる傾向がある。cache関係で相性が良いのかもしれない。
by Google Ads ID19417
a3 Lazy Load
パソコンでのPageSpeed Insightsスコアが高く出る傾向がある。長文の投稿ページでは、スコアの改善が殆どなかった。これからのPage作りは、モバイル・オリエンテッドなどで、パソコンでのスコアは、以下の通り良かったが、採用を見送ることにした。
ルート(myblog) モバイル
モバイル : 35⇨57 パソコンで91が最大値。その他のPluginでは、モバイル55が最大/パソコンでは、90を超えない(87程度) ルート(myblog) 長文ページ
by Google Ads ID8603 まとめ
これまでに、Autoptimize プラグインによるCSS, JavaScriptなどの最適化、WP-Optimizeによるcacheのによる最適化、EWWW Image Optimizerによる画像の軽量化を検討してきました。今回は、画像の遅延表示によるPageSpeed Insightsスコアの改善を検討しました。
Autoptimizeプラグイン (Java Script, CSSおよびhtml最適化) WP-Optimize プラグイン(キャッシュのみ有効化) EWWW Image Optimizer (画像の縮小化) 総合改善度
まとめに記載したように、ごく最近まで速度に関するスコアについて知識がなかったため、関連するプラグインは、何も入れていなかった。そのときのスコアから現在までのスコアの改善度は、以下の通りです。
まだまだですが、当初のことを思えば、劇的な改善度です。
PageSpeed Insightsスコア: Plugin導入前からの変遷
ルート(myblog)
長文のページ
以上
スポンサーリンク
by Amaozn ID13196 by Amazon ID19245 スポンサーリンク
【Amazon.co.jp 限定】HP USBメモリ 128GB USB 3.1 スライド式 金属製 HPFD796L-128 GJP by Amazon - ID 24751 3Dプリンター ダヴィンチ Jr. 1.0(造形サイズ15×15×15cm) - 環境に優しい土に返るPLAフィラメント - ダビンチ Jr. 1.0
XYZプリンティングジャパン by AMAZON ID21513 3Dプリンター|ダヴィンチ1.0 pro|オートキャリブレーション機能付|オープンフィラメント可|ABS対応|造形サイズ20×20×20cm|レーザー刻印機能拡張可|積層ピッチ0.02mm~|3F1AWXJP00F -
XYZプリンティングジャパン by AMAZON ID21511 ABS使用可 造形サイズ175×175×175mm オープンフィラメント可 オートキャリブレーション機能付き レーザー刻印機能拡張可 金属系PLA拡張可 3FJSPXJP00G - ダビンチ Jr.Pro X+
XYZプリンティングジャパン by AMAZON ID21509 zedela 5-in-1 USB-Cハブ【3ポート5Gbps by Amazon - ID 24751
用語の解説、関連タグ付き投稿の抽出
laod
lazy
NAS
WordPress
ワードプレス
自宅
読み込み
遅延
スポンサーリンク
by Google Ads ID:11145 by Google Ads ID23293 by Google Ads ID24747 by Google Ads ID8603
LIFE , TRIP
目次1 生駒山「宝山寺」2 参道の賑わいは?3 駐車場4 境内5 ジオラマ6 パワースポット7 帰り8 摩波楽茶屋 生駒山「宝山寺」 大阪からは、阪奈道路で奈良方面に向かい、生駒山スカイライン(往復700円)を使って奈良 […]
LIFE , TRIP
目次1 枚岡神社2 駐車場3 大鳥居4 参道5 境内6 枚岡公園7 まとめ 枚岡神社 東大阪市の生駒山麓にある、「枚岡神社 ひらおかじんじゃ」は、立派な参道があります。でも、お土産やは、殆どないため賑わいには欠けますが、 […]
hotel , LIFE , lounge , TRIP
目次1 リーガロイヤルホテル大阪2 駐車場3 ロビー4 メインラウンジ5 苺の和風デザート6 メインラウンジからの風景7 フラワーショップ8 グルメブティック メリッサ リーガロイヤルホテル大阪 梅田にある「リーガロイヤ […]
hotel , LIFE , lounge , TRIP
目次1 リーガロイヤルホテル大阪1.1 ロビー2 スイートルーム3 クラブラウンジ4 窓からの風景 リーガロイヤルホテル大阪 梅田にある「リーガロイヤルホテル大阪」のスイートルームに泊まったことがあります。 本館は、もう […]
restaurant , TRIP
目次1 THE CARPENTERS ARMS1.1 ウィンザー城1.2 店構え2 フィッシュアンドチップス THE CARPENTERS ARMS イギリスのウインザー(Windsor)城の門前町にある、THE CAR […]
by Google Ads ID19417
更新された投稿の最新順
スポンサーリンク
by Amazon ID13339 by Amazon ID13211 スポンサーリンク
by Google Ads ID23293 by Google Ads ID:11145 by Google Ads ID24747 by Google Ads ID8603
adsense , plugin , WordPress
目次1 はじめに2 Cumulative Layout Shift3 ページのレスポンスを測定するツールサイト4 関連記事5 参考サイト はじめに 当サイトを立ち上げた頃には、もっぱらpluginの追加をすることで、サイ […]
plugin , WordPress
目次1 Widget Logicプラグイン2 条件の例 Widget Logicプラグイン 2020/12現在、updateがされておらず、WordPress の最新Version ではテストされていますせんが、おそらく […]
by Google Ads ID19417
plugin , Synology , WordPress
目次1 はじめに2 ページのAMP 化のみでもレスポンス改善は十分高い3 キャッシュプラグインを追加する4 プラグインは専用機能がいい4.1 WP Super Cacheの設定のほんとのところ4.1.1 WP Super […]
plugin , Synology , WordPress
目次1 AMPの記事まとめ2 AMPの「更新済みURL」が作成されない問題と対策 AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMPの「更新済み […]
スポンサーリンク
by Google Ads ID24747 by Google Ads ID:11145 by Google Ads ID23293 by Google Ads ID8603
adsense , plugin , WordPress
目次1 はじめに2 Cumulative Layout Shift3 ページのレスポンスを測定するツールサイト4 関連記事5 参考サイト はじめに 当サイトを立ち上げた頃には、もっぱらpluginの追加をすることで、サイ […]
plugin , WordPress
目次1 Widget Logicプラグイン2 条件の例 Widget Logicプラグイン 2020/12現在、updateがされておらず、WordPress の最新Version ではテストされていますせんが、おそらく […]
security , WordPress
目次1 はじめに2 基本的な設定方法3 WordPress プラグイン別3.1 Content of Table Plus はじめに AMP プラグインをインストールしている場合、投稿/ページを公開/更新した際に、AMPの […]
plugin , Synology , WordPress
目次1 はじめに2 ページのAMP化のみでもレスポンス改善は十分高い3 キャッシュプラグインを追加する4 プラグインは専用機能がいい4.1 WP Super Cacheの設定のほんとのところ4.1.1 WP Super […]
security , WordPress
目次1 はじめに2 設定ファイル・設定される方のファイル/フォルダ?3 allow?, deny? はじめに WordPressのセキュリティ設定を考えます。WordPressには、各種のファイルがあります。基本的な設定 […]
by Google Ads ID19417
plugin , Synology , WordPress
目次1 AMPの記事まとめ2 AMPの「更新済みURL」が作成されない問題と対策 AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMPの「更新済み […]
スポンサーリンク
by Google Ads ID24747 by Google Ads ID:11145 by Google Ads ID23293 by Google Ads ID8603
Raid , re-install , security , Synology
目次1 はじめに1.1 必要なもの2 補完的に活用する3 バックアップ4 Windows10のiCloudフォトからバックアップを取る5 MomentsからPhoto Stationのフォルダを見る6 iOSからMome […]
plugin , Synology , WordPress
目次1 はじめに2 ページのAMP 化のみでもレスポンス改善は十分高い3 キャッシュプラグインを追加する4 プラグインは専用機能がいい4.1 WP Super Cacheの設定のほんとのところ4.1.1 WP Super […]
Synology
目次1 eo光の速度の測定2 コースごとの測定3 ケーブル交換前の速度4 ケーブル交換後の速度5 その他のコースで測定6 使用したケーブル eo光の速度の測定 もう数年以来、ネットの速度が遅いなぁ~と思っていたが、ありま […]
by Google Ads ID19417
Synology
目次1 はじめに2 課題3 対処方法4 Plexの管理画面でできること5 まとめ はじめに Plexは、自宅のサーバーにあるメディア(音楽、動画)をインターネット経由でもストリーム配信できるメディア・サーバーです。 DS […]
plugin , Synology , WordPress
目次1 AMPの記事まとめ2 AMPの「更新済みURL」が作成されない問題と対策 AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMPの「更新済み […]
スポンサーリンク
by Google Ads ID23293 by Google Ads ID24747 by Google Ads ID:11145 by Google Ads ID8603
cafe , LIFE
リトルマーメイド 大阪の江坂、御堂筋線沿いリトルマーメイドというパイ屋さんでパンを食した。イギリスパンのタマゴサンド、たつたあげサンド、キーマカレーパン。 イギリス食パンは、経験からすると薄切りで歯ごたえのある食パンです […]
adsense , Synology , WordPress
目次1 Google AdSenseの手順概略1.1 その後2 30日のペナルティー3 イベント Google AdSenseの手順概略 Google Adsenseに行く サイトアドレスを入力して登録 サブディレクトリ […]
plugin , Synology , WordPress
目次1 問い合わせフォームをインストールする2 Contact Form 73 flamingo4 参考4.0.1 参考15 今後 問い合わせフォームをインストールする reCAPTCHA V3に対応する「お問い合わせフ […]
by Google Ads ID:11143(2)