カテゴリー
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 ID:11145
  • by Google Ads ID23410

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

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

画像遅延処理の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) 長文ページ

スポンサーリンク
by Google Ads ID19417
  • モバイル : 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 Amaozn ID13196
  • by Amazon ID13339
スポンサーリンク

ここまで

< 本編はここまで。

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

Update ID21920

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 […]

スポンサーリンク
by Google Ads ID19417
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)とは、細菌やウイルスの取り扱いについて、その […]

BIOLOGICS, production, vaccine
[Bio-Edu] Plasmid DNA (pDNA)の製造方法 – ID24375 [2020/10/25]※

目次1 plasmid DNAの抽出方法2 生産フロー3 plasmidの培養方法 plasmid DNAの抽出方法 plasmid DNA (pDNA)の製造で最もクリティカルな工程は、その抽出である。pDNAを生産す […]

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

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

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

スポンサーリンク

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

最新記事(WordPress, ID:14681)

Synology, WordPress
[Synology] NASの証明書の期限がきれたので更新したのに、前の証明書の内容が残って証明できなかった件 – ID1947

証明書 httpsのページとして公開可能にするには、証明書が必要です。 今日で証明書期限がきれるので、Let’s Encriptionの更新をマニュアルで実施した。更新した証明書の期限は、3ヶ月後の日付に更新されていたが […]

CSS, WordPress
[WordPress] テーマ・カスタマイズ – Twenty Seventyテーマの2カラム表示の幅の拡大 – ID1775 [2019/09/03]

目次1 はじめに2 Twenty Seventyテーマの2カラム化2.0.1 設定方法 はじめに WordPressでblogを始めた頃は、先人の投稿を参考にしテーマを「Twenty Seventy」にしていました。20 […]

WordPress
[Synology] WordPress/robots.txtの設定が不良で新版Google Search Consoleで”ブロックされている”と表示される件 – ID1474

目次1 robots.txtの問題2 自前でrobots.txtを用意2.1 アクセス権が正しい「robots.txt」雛形ファイルを作る2.2 robots.txtを配置する2.3 Googleにクロールさせる2.4 […]

CSS, WordPress
ブログの表示スタイルを2カラムに変更 – ID4008 [2019/08/23]

プログ記事を2列の枠付きカラム表示に設定した。@446rさんのコードをいただきました。 @446rさんのBlogに飛び コードコピー 外観->カスタマイズ->追加CSSにペースト

スポンサーリンク
by Google Ads ID19417
plugin, Synology, WordPress
[WordPress] Cool Timeline Pro プラグイン (有料版)の導入 – ID2195 [2019/08/07]

目次1 Cool Timeline Pro1.1 利用中止 Cool Timeline Pro 有料版のCool Timelineプラグインです。現在利用を中止しています(2020/10/04) 時系列でスタイリッシュに […]

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

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

最新記事(Synology, ID:14676)

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を構築し […]

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

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

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

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

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

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

目次1 画像遅延プラグインの効果2 結論3 評価方法3.1 比較検討したPluginのバージョン4 結果の概要4.1 Lazy Load と Lazy Loader4.2 a3 Lazy Load5 まとめ5.1 総合改 […]

BIOLOGICS, equipment-cell, process, production
[Bio-Process] 細胞バンクの融解 – ID9833-UM

目次1 生産細胞株2 保管容器3 関連するICHガイドラインと試験項目 生産細胞株 通常、Cell Bankの保管は、劣化を極力抑えるために液体窒素蒸気下の極超低温で行われます. 保管容器 Nunc Press Out […]

analysis, BIOLOGICS, equipment-culture, production
[Bio-Equip] Vi-CELL XR – BeckMan Coulter – ID11412

目次1 Vi-CELL XR2 Supplier3 測定項目4 機能 Vi-CELL XR トリパンプルー染色法を用いた培養細胞の生死細胞を自動的に分析してする自動装置です。サンプルをカップに入れるだけで細胞の染色から解 […]

cafe, gourmet, LIFE, town
[Life] T-Style Hirakata – ID1178

T-Style Hirakata 1Fには、カフェ、パン屋、食材スーパーなどがあります。2FのTSUTAYAには、ファニチャとして英語の古書が壁一面に並べられたりしています。STARBUCKSが併設されています。 6F( […]

スポンサーリンク
by Google Ads ID19417
HEALTH
気になる成分 – AKG; αケトグルタル酸 – ID22185 [2020/09/07]

AKG AKG; Alpha keto glutarate; αケトグルタル酸 AKGは、グルタミン酸の前駆体であり、トリカルボン酸サイクルの重要な中間体である Alpha-ketoglutarate (AKG) low […]

BIOLOGICS, company, vaccine
気になる企業 – Vaccibody – ID24078

Vaccibody HomePage 新しい免疫療法の発見と開発に専念する臨床段階のバイオ医薬品会社 個別化癌新抗原ワクチンの急速に発展する分野のリーダーであり、Vaccibody技術を持つ 高いアンメットメディカルニー […]

Page: 1 19 20 21 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