by Google Ads ID24747 by Google Ads ID:11145 by Google Ads ID23293
目次
画像遅延プラグインの効果
以下の3つの画像遅延ローダーをGoogleのPageSpeed Insightsのスコアで比較しました。
Lazy loading plugin that supports images, iFrames, video and audio elements and uses the lightweight lazysizes script. With manual modification of the …
Lazy load your images and iframes, replace Youtube videos by a preview thumbnail.
Use a3 Lazy Load for images, videos, iframes that are n…
画像遅延処理のPluginの有無でPageSpeed Insightスコアは、以下のように改善できた。
Synology DS517 by Amazon ID:22173 Synology DS920+ by Amazon ID:22172 オムロン BY50S用パック by Amazon ID:22171 オムロン BY50S by Amazon ID22170 Synology 高機能無線ルーター 800Mbps + 1,733Mbps(11a/b/g/n/ac対応) 高セキュリティ VPN Plus対応 RT2600ac by Amazon ID24327 エレコム LANケーブル CAT6A 5m 爪折れ防止コネクタ ホワイト LD-GPA/WH5 by Amazon ID24327
結論
結論から言うと今回の結果から、採用したPluginは、 「Lazy Load – Optimize Images Ver.2.3.2」です。
評価方法
例えば、以下のアドレスを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
結果の概要
Lazy Load と Lazy Loader
Lazy Load >= Lazy Loaderと、PageSpeed Insightsスコアで若干の差があったが、ほぼ同等。
ただし、Lazy Loadでは、連続でスコアを測定すると、だんだん良くなる傾向がある。cache関係で相性が良いのかもしれない。
a3 Lazy Load
パソコンでのPageSpeed Insightsスコアが高く出る傾向がある。長文の投稿ページでは、スコアの改善が殆どなかった。これからのPage作りは、モバイル・オリエンテッドなどで、パソコンでのスコアは、以下の通り良かったが、採用を見送ることにした。
ルート(myblog) モバイル
- モバイル : 35⇨57
- パソコンで91が最大値。その他のPluginでは、モバイル55が最大/パソコンでは、90を超えない(87程度)
ルート(myblog) 長文ページ
- モバイル : 25⇨25
- パソコン : 65⇨91
まとめ
これまでに、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)
長文のページ
- モバイル : 2~3 → 50程度
- モバイル : (未測定) → 35程度
以上
by Amazon ID13211 by Amaozn ID13196
【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 ID23293 by Google Ads ID24747 by Google Ads ID:11145
Update ID21920
今日の英語 – 温泉関連 – 効能 … -ID 26852 [2021/01/07]
Post Views: 44 温泉関連の英単語 General Indications (一般効能) neuralgia (神経痛), muscle pain (筋肉痛), joint pain (関節痛), froze […]
今日の英語 – 過去のことを語るとき、今から振り返るのだから、時制は現在完了、あとは助動詞を使い分ける – ID3598 [2019/11/23]
Post Views: 35 現在完了 = have ＋ 過去分子 すべきだった : should have ＋ 過去分詞したかもしれない : may［ might ］ have ＋ 過去分詞したに違いない : must […]
今日の英語 – しなければならない – must/have to ; しなくて良い – don’t have to – ID3763 [2019/11/29]
Post Views: 31 must must は、主観的、強制的、義務的must not : してはいけない have to は、客観的、主観にはまかせる(=客観的たちばからの)感覚don’t have to : し […]
by Amazon ID19245 by Amazon ID13339
by Google Ads ID:11145 by Google Ads ID23293 by Google Ads ID24747
最新記事(WPプラグイン,ID:14818)
はりきり(Mr)のプログ・書き方のスタイル – 適当にやっているが、スタイルはある- ID30216 [2021/05/30]
Post Views: 33 目次1 はりきり(Mr)のブログ・メンテナンス・スタイル2 編集履歴 はりきり(Mr)のブログ・メンテナンス・スタイル 適当です。毎日、決まった時間に発信することはありません。ボリュームもま […]
[WordPress] [link] 記事表示のカスタマイズ – パンクズリストを表示させる – ID30029 – [2021/05/19]
Post Views: 14 パンクズリスト パンクズリストは、サイトで移動した履歴です。フォルダーのパスのようなものです。 パングスリストをサイトに表示させる方法が、「kinsta」に解説されています。方法は多数ありま […]
Plugin Maintenance – AMPサイトでのプラグインの運用評価を記録 – ID28378 [2021/04/04]
Post Views: 25 All in One SEOプラグイン (2021/03/13) メタディスクリプション記述のみに使用していたが、このプラグインから依存を完全になくすために、まずは、その記述内容を抜き出し、 […]
by Google Ads ID23293 by Google Ads ID24747 by Google Ads ID:11145
最新記事(WordPress, ID:14681)
はりきり(Mr)のプログ・書き方のスタイル – 適当にやっているが、スタイルはある- ID30216 [2021/05/30]
Post Views: 33 目次1 はりきり(Mr)のブログ・メンテナンス・スタイル2 編集履歴 はりきり(Mr)のブログ・メンテナンス・スタイル 適当です。毎日、決まった時間に発信することはありません。ボリュームもま […]
[WordPress] [link] 記事表示のカスタマイズ – パンクズリストを表示させる – ID30029 – [2021/05/19]
Post Views: 14 パンクズリスト パンクズリストは、サイトで移動した履歴です。フォルダーのパスのようなものです。 パングスリストをサイトに表示させる方法が、「kinsta」に解説されています。方法は多数ありま […]
[WP] Ultimate MemberをSimple WP Membershipに変更 – ID29745 [2021/05/13]
Post Views: 19 目次1 はじめに2 編集履歴 はじめに WordPressサイトでメンバーシップ機能を実現するプラグインの話です。Ultimate Member (UM) プラグインについては、当サイトをい […]
[Synology] Threat Preventionとファイヤーウォールの連携 – ID28980 [2021/03/22]
Post Views: 20 目次1 はじめに2 ルーチンワークの概要3 ルーチンワークの詳細3.1 Threat Preventionの操作3.2 ネットワークセンターの操作4 まとめ5 Alert5.1 ET POL […]
Plugin Maintenance – AMPサイトでのプラグインの運用評価を記録 – ID28378 [2021/04/04]
Post Views: 25 All in One SEOプラグイン (2021/03/13) メタディスクリプション記述のみに使用していたが、このプラグインから依存を完全になくすために、まずは、その記述内容を抜き出し、 […]
by Google Ads ID:11145 by Google Ads ID24747 by Google Ads ID23293
最新記事(Synology, ID:14676)
[Synology] Threat Preventionとファイヤーウォールの連携 – ID28980 [2021/03/22]
Post Views: 20 目次1 はじめに2 ルーチンワークの概要3 ルーチンワークの詳細3.1 Threat Preventionの操作3.2 ネットワークセンターの操作4 まとめ5 Alert5.1 ET POL […]
[WP] ブログにおけるメタディスクリプションの意義と設定方法 – ID28775 [2021/03/14]
Post Views: 33 目次1 はじめに2 メタディスクリプションの機能3 メタディスクリプションの設定4 お勧めのプラグイン5 編集履歴 はじめに メタディスクリプションは、検索エンジンで表示されるページの1つの […]
[Synology] 写真の管理 / Photo Station & Moments – ID26326 [2020/12/31]
Post Views: 40 目次1 はじめに1.1 必要なもの2 補完的に活用する3 バックアップ4 Windows10のiCloudフォトからバックアップを取る5 MomentsからPhoto Stationのフォル […]
[WordPress] 高速化プラグイン「AMP」と定期的に全てのページの静的キャッシュ作成プラグイン「WP Super Cache」で再構成した- ID22640 [2020/12/11]
Post Views: 31 目次1 はじめに2 ページのAMP化のみでもレスポンス改善は十分高い3 キャッシュプラグインを追加する4 プラグインは専用機能がいい4.1 WP Super Cacheの設定のほんとのところ […]
[Synology] 以前からeo光(1Gコース)なのに速度が遅く感じられていた(100Mbps) – 6A型(CAT6)のネットケーブルで改善 (300 ~ 500Mpbs) – ID24316 [2021/03/30]
Post Views: 29 目次1 eo光の速度の測定2 コースごとの測定3 ケーブル交換前の速度4 ケーブル交換後の速度5 その他のコースで測定6 使用したケーブル7 回線テスト eo光の速度の測定 もう数年以来、ネ […]
by Google Ads ID24747 by Google Ads ID:11145 by Google Ads ID23293
その他記事(ALL-RANDOM, ID:16786)
今日の英語 – 何が起こったかわかりました – I have worked out what … 、と伝える ID19021
Post Views: 33 ある問題があり、その理由として何が起こったの判明したこと伝える I think I have worked out what has happened.何が起こったのか分かりました 訳に到る […]