カテゴリー
plugin Synology WordPress

[WordPress] 遅延読込プラグイン比較 – (1)Lazy Loader, (2)Lazy Load, (3)a3 Lazy Load (2020) – ID8071 [2020/01/27]

本編 >

[WordPress] 遅延読込プラグイン比較 – (1)Lazy Loader, (2)Lazy Load, (3)a3 Lazy Load (2020) – ID8071 [2020/01/27]
スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID23410
  • by Google Ads ID:11145

画像遅延プラグインの効果

以下の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

Lazy Load

Lazy load your images and iframes, replace Youtube videos by a preview thumbnail.

WP Rocket

a3 Lazy Load

Use a3 Lazy Load for images, videos, iframes. Instantly improve your sites load time and dramatically improve site users experience.

a3rev Software

画像遅延処理の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 高機能無線ルーター VPN Plus対応 日本正規代理店アスク サポート対応 保証2年 NT934 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/)

スポンサーリンク
by Google Ads ID19417

結果は、モバイル : 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スコアの改善を検討しました。

  1. Autoptimizeプラグイン (Java Script, CSSおよびhtml最適化)
  2. WP-Optimize プラグイン(キャッシュのみ有効化)
  3. EWWW Image Optimizer (画像の縮小化)

総合改善度

まとめに記載したように、ごく最近まで速度に関するスコアについて知識がなかったため、関連するプラグインは、何も入れていなかった。そのときのスコアから現在までのスコアの改善度は、以下の通りです。

まだまだですが、当初のことを思えば、劇的な改善度です。

PageSpeed Insightsスコア: Plugin導入前からの変遷

ルート(myblog)

長文のページ

  • モバイル : 2~3 → 50程度
  • モバイル : (未測定) → 35程度

以上

スポンサーリンク
  • by Amazon ID19245
  • by Amazon ID13339
スポンサーリンク

ここまで

< 本編はここまで。

スポンサーリンク
  • by Google Ads ID:11145
  • by Google Ads ID23410
  • by Google Ads ID23293

Update ID21920

BIOLOGICS, culture, education, production
[Bio-Edu] CHO細胞培養プロセス – スケールアップ – ID17887 [2020/10/30]

目次1 はじめに2 培養のスケールアップ2.1 目的2.2 考慮事項2.3 インプット因子2.4 アウトプット因子2.5 手段3 Bioreactorのスケールアップ4 ambrを使用したスケールアップ・パラメータの設定 […]

anime, LIFE
[アニメ] ザ・サード〜蒼い目の少女〜 (2006) – 3つ目の眼を額にもつ「ザ・サード」が人類を管理している世界 – ID2480 [2020/10/20]

ザ・サード 2006年、TV全24話、人類が犯した過ちを2度と起こさせないために、3つ目の眼を額に持つ「ザ・サード」と呼ばれる存在から管理されている人類。ソードダンサーと呼ばれる少女がいました。この世界では、技術革新は許 […]

anime, LIFE
[アニメ] ヒロイック・エイジ – 宇宙戦闘物語 – ID24353 [2020/10/20]

目次1 ヒロイック・エイジ2 キーワード ヒロイック・エイジ 2007年、TV全26話、宇宙物/宇宙戦艦物/宇宙や人類の発祥の不思議を描いています。3話くらいまでは我慢して視聴してください。おそらく、TVで毎週リアルタイ […]

anime, LIFE
[アニメ] 終わりのセラフ – 人対吸血鬼 – 大人の事情と子供の理想は相ゆずれない – ID2444 [2020/10/28]

終わりのセラフ 2015年、TV全24話、吸血鬼が世界を支配している世界と、一部の人の軍組織は、人の世界を取り戻そうとしている攻防を背景に、家族というテーマを描いてます。しかし、大人の事情は、子供たちの家族の理想にはお構 […]

english
今日の英語 – we are excited to announce ~ – 報告できることを嬉しく思っている表現 [2020/10/28]

We are excited to announce {目的句}  「目的句」に対してエキサイトしています。例文 : Today we are excited to announce the launch of a ne […]

BIOLOGICS, education, guidance
[Bio-Edu] Bio Safety Levelとは – 遺伝子組換え実験と輸送など – カルタヘナ法に関わる – ID144 [2020/10/28]

目次0.1 Bio Safety Level0.2 関係法令1 カルタヘナ法に従う承認申請手続き Bio Safety Level Bio Safety Level (BSL)とは、細菌やウイルスの取り扱いについて、その […]

スポンサーリンク
by Google Ads ID19417

更新された投稿の最新順

スポンサーリンク
  • by Amazon ID13211
  • by Amaozn ID13196
スポンサーリンク

スポンサーリンク
  • by Google Ads ID:11145
  • by Google Ads ID23293
  • by Google Ads ID23410

最新記事(WPプラグイン,ID:14818)

plugin, WordPress
[WordPress] blogに載せる写真のメタデータは、EWWW Image Optimizerで取り除く – ID321 [2020/08/20]※

EWWW Image Optimizerプラグイン WordPressのblogで載せる写真は、そのままのサイズでアップしてはいけません。メタデータはそのまま残っているためです。メタデータのGeotabには、位置情報が記 […]

plugin, Synology, WordPress
[WordPress] サイトのスピード測定 – GTmetrix.com – ID9721 [2020/07/24]

目次1 はじめに2 最初のサイト速度改善は画像圧縮3 その次の対策は・・・4 サイト速度の評価5 GTmetrix.com はじめに サイトのスピード測定には、GTmetrix.comとPageSpeed Insight […]

plugin, Synology, WordPress
[WordPress] SOCIAL COUNTER プラグイン – アンインストールでの注意点 (残骸が残る)- プラグインのアンインストールで共通する問題の備忘記録 – ID16755 [2020/09/24]

目次1 はじめに2 問題の現象2.1 問題点のまとめ3 Social Counterのアンインストール方法4 対策 はじめに WordPressのプラグインで必要でなくなれば、即削除するのが通常と思われますが、そのプラグ […]

plugin, Synology, WordPress
[WordPress] その昔憧れた、パーソナル・データベース生活を実現できる – イベント・プラグイン – を選定/導入する – ID18377 [2020/05/23]

目次1 イベント・プラグインの使用目的1.1 背景1.2 目的2 イベント・プラグインを選ぶ理由3 検討したイベント・プラグイン4 イベントプラグイン5 Events Make Easy5.1 選定理由5.2 使い方6 […]

スポンサーリンク
by Google Ads ID19417
Page: 1 2 3 19
スポンサーリンク

スポンサーリンク
  • by Google Ads ID:11145
  • by Google Ads ID23410
  • by Google Ads ID23293

最新記事(WordPress, ID:14681)

IT, Synology, WordPress
[Synology] RT2600acのVPN Plus Serverの導入 – 個人でも高いセキュッリティが得られる高速WiFiルーター – ID37

目次1 出先からRT2600acにアクセスするには1.1 VPN経由1.2 VPNのインストール(VPN Server側)1.3 L2TPの設定 (VPN Server側)1.4 iPhoneの設定 出先からRT2600 […]

site setting, Synology, WordPress
[サイト運用] これまで使ってきたTooltipプラグインであるEncyclopedia Proを今後は、使わないことにした – ID18757 [2020/07/11]

目次1 Encyclopedia Pro2 Disableにする2.1 まとめ Encyclopedia Pro Encyclopedia Proは、有料版です。Tooltip(用語を登録しておけば吹き出しを出す、hyp […]

plugin, Synology, WordPress
[WordPress] サイトのスピード測定 – GTmetrix.com – ID9721 [2020/07/24]

目次1 はじめに2 最初のサイト速度改善は画像圧縮3 その次の対策は・・・4 サイト速度の評価5 GTmetrix.com はじめに サイトのスピード測定には、GTmetrix.comとPageSpeed Insight […]

plugin, Synology, WordPress
[WordPress] SOCIAL COUNTER プラグイン – アンインストールでの注意点 (残骸が残る)- プラグインのアンインストールで共通する問題の備忘記録 – ID16755 [2020/09/24]

目次1 はじめに2 問題の現象2.1 問題点のまとめ3 Social Counterのアンインストール方法4 対策 はじめに WordPressのプラグインで必要でなくなれば、即削除するのが通常と思われますが、そのプラグ […]

security, Synology, WordPress
[Synology] NAS/Router ログ・センターは、毎日1回は見るべし – MailPlus Serverへの総当たり攻撃を見極めて、システムのログイン制限を適切に設定する – ID16720 [2020/06/06]

目次1 はじめに1.1 Log Center2 DS918+のアクセス制限の適切な設定2.1 設定例2.1.1 例12.1.2 例22.1.3 例33 設定の効果4 メール通知5 永遠にブロックする6 まとめ はじめに […]

スポンサーリンク
by Google Ads ID19417
Raid, Synology, WordPress
[Synology] DS918+ , 3 x 8TB HDD Raid 5に最後の1台のHDDを追加する – ID16478 [2020/05/30]

目次1 RAID5 (3 x 8TB HDD)へHDD追加2 準備3 ストレージマネージャ4 「概要」画面5 「ボリューム」画面6 「ストレージプール」画面7 「HDD/SSD」画面8 ストレージプール画面に戻る8.1 […]

Page: 1 2 3 22
スポンサーリンク

スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID:11145
  • by Google Ads ID23410

最新記事(Synology, ID:14676)

Synology
[Synology製品紹介] NVR DVA3219 – 顔認識システム – これからのセキュリティ対策は、中小企業でも顔認識も可能かも – ID22315 [2020/09/10]

目次1 NVR DVA32192 用途3 セキュリティ4 コスト5 システム構築6 用途7 管理方法8 能力 NVR DVA3219 NVR DVA3219は、Synology Surveillance Stationの […]

plugin, Synology, WordPress
[WordPress] 「AMP」プラグイン と広告プラグイン: 「Advance Ads Pro」- 高速化と広告表示の両立を図る – ID22304-UM [2020/09/9]

ナレッジベース 不要な他のPluginを削除して、AMPから再検証する作業を全てのページに施しました。その後、AMPページとしてGoogle Adsの表示が不可になっていました。<br>AMP Pluginを […]

Raid, re-install, security, Synology
[Synology] フルスペック化した DS918+ / DSM更新ができずクリーンインストールを余儀なくされたが、なんとか復旧に至るまでの道程 – ID22058 [2020/09/07]※

目次1 はじめに2 概要2.1 Synologyのサポートセンター2.1.1 提案内容2.2 方針はクリーンインストール2.2.1 バックアップ2.2.2 クリーンインストール – 前準備2.2.3 クリーン […]

IT, Synology, WordPress
[Synology] RT2600acのVPN Plus Serverの導入 – 個人でも高いセキュッリティが得られる高速WiFiルーター – ID37

目次1 出先からRT2600acにアクセスするには1.1 VPN経由1.2 VPNのインストール(VPN Server側)1.3 L2TPの設定 (VPN Server側)1.4 iPhoneの設定 出先からRT2600 […]

site setting, Synology, WordPress
[サイト運用] これまで使ってきたTooltipプラグインであるEncyclopedia Proを今後は、使わないことにした – ID18757 [2020/07/11]

目次1 Encyclopedia Pro2 Disableにする2.1 まとめ Encyclopedia Pro Encyclopedia Proは、有料版です。Tooltip(用語を登録しておけば吹き出しを出す、hyp […]

plugin, Synology, WordPress
[WordPress] サイトのスピード測定 – GTmetrix.com – ID9721 [2020/07/24]

目次1 はじめに2 最初のサイト速度改善は画像圧縮3 その次の対策は・・・4 サイト速度の評価5 GTmetrix.com はじめに サイトのスピード測定には、GTmetrix.comとPageSpeed Insight […]

スポンサーリンク
by Google Ads ID19417
Page: 1 2 3 20
スポンサーリンク

スポンサーリンク
  • by Google Ads ID:11145
  • by Google Ads ID23293
  • by Google Ads ID23410

その他記事(ALL-RANDOM, ID:16786)

plugin, Synology, WordPress
[WordPress] Adminimize プラグイン — ログイン・ユーザー毎に表示するメニュー項目を選択的に非表示にできる – ID11816

目次1 課題2 結果3 編集履歴 課題 WordPressの編集時に、邪魔なメニューを消します。そのプラグインが、「Adminimize」です。 バックエンド・メニューの表示数を少なくしたり、必要でないものを消したりでき […]

AAV, BIOLOGICS, stability
[Bio-AAV] AAVカプシド蛋白質のpH依存的な分解性について-論文紹介 – ID8474

Evidence for pH-Dependent Protease Activity in the Adeno-Associated Virus Capsid (2012) https://www.ncbi.nlm.n […]

cafe, LIFE
[Cafe] 珈琲蔵人 珈蔵 箕面店 – ID2242

モーニングセット トウモロコシ・ツナ・ホットサンド モーニングセットを頂いた。

BIOLOGICS, purification
[Data Link] バイオロジクス – ろ過膜の基礎知識 (AsahiKASEI) – ID11483

目次1 膜の基礎知識1.1 膜ろ過の方式 膜の基礎知識 膜ろ過の方式 膜の基礎知識 – AsahiKASEI https://www.asahi-kasei.co.jp/membrane/microza/jp […]

スポンサーリンク
by Google Ads ID19417
BIOLOGICS, education
[Bio-Edu] 1 ステップ、20 分で高効率にリボソーム RNA や グロビン mRNA を除去できる画期的な新製品 – QIAGEN – ID9331

以下のRNAの位置を示す図がある。 Ribonuclease P (RNase P)の細胞内位置。Exosomal RNAの挙動。Circulating cell-free RNA (ccfRNA)の位置。microRN […]

BIOLOGICS, education
[Bio-Edu] ラクダが持っている抗体は、一般的なIgGとは異なる構造の重鎖抗体 – ID2300

目次1 ラクダの重鎖抗体1.1 重鎖抗体の構造1.2 nanobody/VHH抗体1.3 ラクダ抗体の産業利用2 参考文献3 編集履歴 ラクダの重鎖抗体 一般的にラクダ抗体は、通常の抗体IgGとは異なる構造の重鎖抗体と呼 […]

Page: 1 2 3 141
スポンサーリンク

スポンサーリンク
by Google Ads ID:11143(2)

- 以下のツールに敬意を示します -
Support to AMP (Accelerated Mobile Pages) by official AMP plugin for WordPress, and compatible powered by
Post viewing : Flex Posts - Widget and Gutenberg Block