サイトの表示速度を早くする面白い話題が見つけたので掲載します。
「爆速すぎて笑う」 表示速度が“異常な”Webサイト「dev.to」 その仕組みは
SEO対策としてサイトの表示速度を早くする事が推奨されています。
グーグル自身、サイトの表示速度をチェックするツールを公開しています。
基本的にはPageSpeed Insightsの推奨対応に従えばOK。
- ファーストビューの範囲からレンダリングのブロック要素(JavascriptやCSS)を排除。
- ブラウザのキャッシュを指定。
- サーバーの応答時間の短縮。
- CSSやJavascriptの縮小。
- 画像を最適化。
- HTMLの縮小。
それ以上早くするには、dev.toの運営者が勧める方法が参考になるかと。
要点は以下の通り。
- Fastly社が提供しているCDN(Content Delivery Network)の仕組みを採用している。
CDNは世界中にサーバーがあり、訪問者の地域に近いサーバーからページのキャッシュをDLしている。 - 外部CSS、カスタムフォント、JavaScriptなどのレンダリングをブロックしているスタイル・スクリプトを削除。
これはグーグルの指針と同じですが、グーグルの指針はあくまでもファーストビューの範囲からJavascriptやCSSを排除する程度。 - 「Cloudinary」(画像管理クラウドサービス)を使い、画像の圧縮を自動で最適化。
更にブラウザ別に画像をCDNで高速配信(Chromeならwebp形式、Safariならjpeg形式)している。