SEOメモ②
2021/5月からGoogleの検索順位にCoreWebVitalsが影響すると正式に発表された。
CoreWebVitalsが何の指標なのかは各所で言及されているので特筆しないし、ユーザにメリットがあるようにサイト構築をするのはSEO対策の基本。
ちなみに各指標についてはweb.devを参考にするのが一番いい。
今回はWebページの高速化のため改善事項を探るTipsみたいなものをメモする。
まずはPageSpeedInsightで各種指標を確認する。
はてなブログの場合、テンプレートによって差異が発生するが、現状はこんな感じ。
LCPの値が悪い。LCPが悪化する要因はだいたい以下。
- サーバのレスポンス速度が遅い
- レンダリングブロックが発生している。
- CSS/JavaScript等のリソースが重い
CSS/JavaScript等のリソースが重い
ここで気をつけたいのは minifiy しているかや、gzip圧縮をしているか、不要な記述がないか等を探る。
CSS/JavaScriptの不要な記述削除は困難。そもそも大量のファイルをloadしているようなサイト(ページ)だと原因箇所を特定しにくい。
Chrome dev tools の Coverageを使うとわかりやすい。
Coverageパネルはデフォルトだと非表示になっているので RunCommandから「coverage」と入力して表示させる。
「Usage Visualization」の赤いバー不要。
「Unused Bytes」の降順でソートできたりもして便利。
広告を貼っているサイトだと改善のしようながないがあるので、「URL filter」に自サイトのドメイン等を入力してフィルタリングしてあげると見つけやすい。