カテゴリー
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/)

結果は、モバイル : 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)

長文のページ

スポンサーリンク
by Google Ads ID19417
  • モバイル : 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, education
[Bio-Edu] バイオロジクスのプロダクション培養において – 細胞内で起こる蛋白質の酸素を要する糖化(Glycosylation)と、還元酵素による分解に関する解説 – ID3160 [2020/10/31]

目次1 はじめに1.1 グルコシド化1.2 5つのカテゴリ1.2.1 1) N-linked glycosylation2 糖鎖の略号2.0.1 2) O-linked glycosylation2.0.2 3) Pho […]

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話、吸血鬼が世界を支配している世界と、一部の人の軍組織は、人の世界を取り戻そうとしている攻防を背景に、家族というテーマを描いてます。しかし、大人の事情は、子供たちの家族の理想にはお構 […]

更新された投稿の最新順

スポンサーリンク
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)

スポンサーリンク

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

最新記事(WordPress, ID:14681)

Synology, WordPress
[WordPress] WordPressのコード修正に必要なWindows用エディター「EmEditor」とWindows/robocopy.exeによるバックアップ – ID719

目次1 WordPressの内部を知るためにはエディターは重要2 EmEditorをWindows10にインストールする2.1 マイクロソフト・ストアー3 WordPressのバックアップ3.1 バックアップの方法3.1 […]

Synology, WordPress
[Synology] NAS DS918+のcacheとして挿していた2枚のWestern Digital (WD)製SSDの内、1枚が不調になったので交換 – ID14517

目次1 Synology NASのSSDの不調1.1 概要2 交換方法3 後始末3.1 事前の問合せ3.2 実手続4 まとめ5 編集履歴 Synology NASのSSDの不調 概要 年末に1枚購入してcacheを構築し […]

plugin, Synology, WordPress
[WordPress] 自宅NASに設置のWordPressのプラグイン更新を出先から行う場合に、毎回出てくるパスワード入力を省略する設定 – ID89

出先から自宅NASのWordPressのプラグインを更新する 自宅に設置したDS918+にWordPressを立ち上げています。既にWordPressにログインしていても、WordPressのプラグイン更新には,デフォル […]

スポンサーリンク
by Google Ads ID19417
Synology, WordPress
[Synology] 自宅にNASを設置しWordPressを構築 – blogサイトを立ち上げる – 動機編 – ID212 [2020/09/24]※

目次1 自宅にサーバー、そしてWordPressを構築する1.1 Synology NASの導入の最初の理由1.2 世の中は進んでいた1.3 レンタルサーバーの選択肢はなかった2 NASサーバーを構築する2.1 Syno […]

Raid, Synology, WordPress
[Synology] DS918+ 初期導入時にはbasic HDD、その後、メモリ増設・SSDキャッシュ増設・HDD追加でRAID 5によりフルスペック化 — さてどうなったか – ID33 [2020/09/19]※

目次1 概要1.1 DS918+の仕様1.2 後継機、DS920+1.2.1 DS920+を導入しました1.3 初期の構築方法1.3.1 最小構成1.3.2 性能評価1.4 その後の更新方法1.4.1 SSD Cache […]

Page: 1 21 22
スポンサーリンク

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

最新記事(Synology, ID:14676)

スポンサーリンク

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

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

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

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

AAV, BIOLOGICS, company, COMPANY-FAVOR, oxgene
気になる企業 – Ultragenyx – ID23062 [2020/10/09]

目次1 Ultragenyx Pharmaceutical Inc.2 パイプライン2.1 生物学的製剤2.2 低分子2.3 遺伝子治療3 技術 Ultragenyx Pharmaceutical Inc. Headqu […]

IT
[IT] COVID-19でクローズアップされるVPN – 繋がらない日本の企業 – これからのICT投資が望まれる – ID13044 [2020/04/10]

日本の企業に足りないICTは、と聞かれた時、全てと答えざるを得ない。今回のCOVID-19から見えてきた当面の足りないICTと言えば、リモートワークでしょう。その観点から具体的に示すと以下の通りと考えます。 端末としての […]

company, COMPANY-FAVOR, SNBL
気になる企業: 新日本科学(SNBL) – 日本のCRO – ID22258-UM [2019/12/29]

目次1 新日本科学1.1 セミナー 新日本科学 新日本科学は、1957年に創業した、わが国初の医薬品開発受託研究機関(CRO)で、前臨床試験受託は日本の業界でトップ。 海外拠点も含め、日本には和歌山に薬物動態や鹿児島に安 […]

guideline, medicine
[Data Link] EUROPEAN MEDICINES AGENCY – ID6616

https://www.fda.gov/drugs https://www.fda.gov/drugs Spark Therapeutics, Inc LUXTURNATM (voretigene neparvovec) […]

BIOLOGICS, medicine
[医薬品] ウロキナーゼ – ID18306

目次1 ウロキナーゼ2 薬価 ウロキナーゼ 一般名 ウロキナーゼ; Urokinase 構造 1本鎖(14SS結合) 薬価 一般名 ウロキナーゼ; Urokinase 分子量 54kDa 効能効果 急性心筋梗塞における血 […]

スポンサーリンク
by Google Ads ID19417
Page: 1 21 22 23 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