サイトのレスポンス改善
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は、老舗のサイトのだろうと推察した。
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/8B997174-E0B4-420F-8BD9-BDC58FECC17F-768x329.jpeg)
WebPageTest
WEB PAGE TEST
https://www.webpagetest.org
リンクにゆけば、URLの入力画面があるので、調べたいURLを入力する
3回測定されるまで30秒程度待つ。
どの回でもよいので、クラフをクリックすると、グラフ(Water fall graph)が出てくる。
通信要素のHeader, JavaScript, CSS, imageなどが、どのタイミングから、どのくらいの時間を要しているかがシーケンス図により分かりやすい。
一度、自分のブログページもお試しあれ。
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/E6888CED-7E3A-402D-B0F4-1679DA8A05B6-768x472.jpeg)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/37EE2649-C39B-405B-A9FE-2D8125FE62AF-768x303.jpeg)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/F58EA6B7-226D-4D47-9118-FCE1CFD62F20-768x472.jpeg)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/1E7CCE51-D51F-49E9-8033-E591EA2AF05B-768x536.jpg)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/C23DCF22-A240-4188-A320-4F1668B20534-768x536.png)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/71B22DFB-A8C6-4E2D-8D87-598D6A5DE0A6-768x536.png)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/6614A4B1-C6EF-46DC-8790-06A279A943F0-768x370.jpeg)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/14A12DD4-BA99-425D-9295-EACB563965F4-768x358.jpeg)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/4517549A-2ECF-47D9-BF54-58EE30199C3E-768x368.jpeg)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/4251FADD-40EB-4E47-BFA1-AD44CB06AE5C-768x536.png)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/B5CCACC1-3A93-4016-91B4-586E030D4284-768x319.jpeg)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/91B78222-7CE9-400E-A0ED-CCD7A19CF742-768x536.png)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/A929F4B6-2919-4040-B2D9-6990A3F84805-768x536.png)
![](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/4CC2CF55-CB82-4344-B859-E025AD52B259-768x346.jpeg)