この記事を読むのに必要な時間は約 3 分です。
かなり改善できたので、かなり負荷をかけていたのかなと
ちょっと重すぎ・・・
SEO的な専門知識を持ち合わせているわけではありませんが、少なくともこれを改善出来たら良くなることぐらいはわかります!!
サイトが重すぎです!!
そして、これが重かった状態からの改善結果です!!
いろいろ仕組みがあるので多少重たいのは仕方が無いとは思いつつも速度改善を考えていろいろ調べているうちに回答にたどり着きました
Font Awesomeが重たくなっている原因でした。
すべての人がすべて同じ原因だとは限りませんが、私の場合はFont Awesomeのフォント利用をやめることにより、結構な改善につながりました。
まぁ、改善というよりは重たくなっていた原因だった感じですけどね・・・・
改善効果
それでは改善結果を見てみたいと思います。
本当に物凄く小さな改善ではありますが、点数への影響がすごいですね・・・
コンテンツの初回ペイント
変更前:2.8 秒
変更後:2.3 秒
速度インデックス
変更前:14.2 秒
変更後:12.7 秒
インタラクティブになるまでの時間
変更前:8.6 秒
変更後:5.4 秒
意味のあるコンテンツの初回ペイント
変更前:2.8 秒
変更後:2.4 秒
CPU の初回アイドル
変更前:8.5 秒
変更後:3.1 秒
最大推定 FID
変更前:310 ミリ秒
変更後:80 ミリ秒
代替案はめんどくさい
と、いう事でFont Awesomeを icon として使っていたのですが、iconをすべて手作りしました。
いやぁさすがにめんどくさかったですけど背に腹は代えられませんからね。
Webフォントを使っていてサイトの速度が気になっている人は一度Webフォントを外す事を検討してよいかもです。