MR.HARIKIRI-INSIGHTS

[WO] Google PageSpeed Insights以外のPage測定 – WEB PAGE TEST、更なる速度改善サービス:criticalcss

Written by

harikiri

in

サイトのレスポンス改善

Google PageSpeed Insightsは、とても良い測サイトだが、使い込んでいくと何がわるいのか、もっと知りたくなってくる。

JavaScriptやCSSのコードの最適化プラグインであるAutoptimizeの設定をよく見てみると、Criticalcss.comでcriticalcssを作れば、更に速度が速くなるとある。

システム構成

Synology NAS

  • 2020/07現在
  • DS920+ (DS918+からWordPressを載せ替え, 2020/07)
  • Disk Station Manager, Version 6.2.3-25426 Update 2 (2020/09/16現在)

WordPress

  • Version : 5.5.1-ja
  • Theme : Twenty Twenty
  • Editor : Gutenberg (標準エディタ)

Criticalcss.com

Criticalcss.comのサービスは以下の通り

  • Regular : 2£ (2×150円程度)/月
  • WordPress : 7£
  • 30日間のお試し期間がある(クレジットカード登録が必要)

どれだけ効果があるか、試してみないとわからないが、今回は、退散することにした。

そのHome Pageには、「WebPageTest」が最初に記載されていて、「GoogleのPageSpeed Insights」が次に記載されていた。

WebPageTestは、老舗のサイトのだろうと推察した。

criticalcss.com

WebPageTest

WEB PAGE TEST

https://www.webpagetest.org

リンクにゆけば、URLの入力画面があるので、調べたいURLを入力する

3回測定されるまで30秒程度待つ。

どの回でもよいので、クラフをクリックすると、グラフ(Water fall graph)が出てくる。

通信要素のHeader, JavaScript, CSS, imageなどが、どのタイミングから、どのくらいの時間を要しているかがシーケンス図により分かりやすい。

一度、自分のブログページもお試しあれ。

PSI-1
PSI-2
PSI-3
PSI-4
PSI-5
PSI-6
PSI-7
PSI-8
PSI-9
PSI-10
PSI-11
PSI-12
PSI-13
PSI-14

関連記事:

googleGoogle Search Console – PageSpeed Insightsを使う [WordPress] Lazy Loader プラグイン – 画像の読み込み遅延によるサイト・レスポンスの改善 [WordPress] ソーシャルボタン・プラグイン – どれがいい? – AMP対応の「AddThis」を使用 [2021/11/01] [WordPress] 会員限定ページや会員のみが閲覧できるページやページ内に会員のみ閲覧できるブロックを作る – 調査編 [2019/12/08] plugin[WordPress] Easy Table of Contents – プラグインの導入 [2019/12/08] [WordPress] SPAM Management – Throws SPAM away プラグイン – スパムコメントの排除 [2019/08/07] [WordPress] Post SMTP Mailer/Email Log プラグインを導入 [WordPress] スパム・コメント対策にreCaptchaプラグイン – 更に、「Statify」/ 「SiteGuard WP」でログイン画面の守りを固める – セキュリティ対策 [WordPress] Gutenbergエディター対応のプラグイン – 2020/01現在で使用していたプラグイン・リスト [2020/01/09] [WordPress] プラグイン: GT3 Photo とTooltips は相性が悪い – [2020/01/21]

More posts