見出しを3つ入れたくらいでは、ページスピードはそう遅くなることはない。Gutenbergの場合、ページスピード低下の原因となるのは「画像／動画をページ内に表示すること」。
そこで、見出しをテストしたページに画像を何点か挿入し、どのくらいスピードが落ちるのかを確認する。画像に関する情報は下記の通り。
- サイズ：750×500px
- 圧縮 ：済み（TinyPNG）
この状態でのPSIスコアは下記の通り（スクリーンショット未貼付）。
- PC：100
- SP：85
クラス指定したH2見出し
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
クラス指定したH3見出し
Short-Coated Puppy
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Short-Coated Puppy
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
クラス指定したH4見出し
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
