爆速すぎる表示速度のWebサイト「dev.to」がすごい！仕組み聞いたら納得の爆速だった

dev.toっていうアメリカのwebサイトが爆速すぎると話題になっているそうです。

最近、当サイトをSSL化したんですが、なんとなくSSL化する前よりも表示速度が遅くなった気がするので、表示速度改善について色々調べています。

webに関してはまだまだ素人なので、素人なりに考えると、http時代に書いた記事に行った場合はhttpでアクセスしてきたあと、httpsにリダイレクトしているから、まあそれなりに遅くはなるだろうなーとか思うんですが、ちょっとレンタルサーバーのグレードをあげたり、なんらかの手を打たないといけないなーと思う今日この頃です。。

そんな感じで表示速度について色々調査していたら、dev.toという表示速度が爆速すぎるサイトがあるそうなので取り上げたいと思います。

「爆速すぎて笑う」「速すぎて逆に不安になるレベル」――「dev.to」という米国のWebサイトの表示速度が異常に速いと、ネット上で話題だ。なぜ速いのか、サイト創設者のベン・ハルパーンさんがサイト内の記事で説明している。

「爆速」と話題の「dev.to」

2016年にオープンしたdev.toは、プログラマーが情報を交換したり、議論したりできるコミュニティーサイト。トップページにはユーザーが投稿したブログ記事のタイトルやコメントが、SNSのタイムラインのように並んでいる。このトップページの表示にかかる時間、各記事をクリックしたときのページ遷移が“一瞬”なのだ。

なぜ速いのか。ハルパーンさんが17年2月に投稿したブログ記事によれば、米Fastlyが提供するCDN（Content Delivery Network）を活用している。CDNは世界中にキャッシュサーバを分散配置し、ユーザーごとに最も（ネットワーク的に）近いサーバにキャッシュした画像や動画などのコンテンツを配信する仕組みだ。

Webページのレンダリング時間を短縮する工夫も。外部CSSリクエスト、カスタムフォント、JavaScript――といった、レンダリングをブロックしているスタイル・スクリプトを削除した。このほか、画像管理クラウドサービス「Cloudinary」を使い、画像の圧縮を自動で最適化し、ブラウザ別に画像をCDNで高速配信（Google Chromeならwebp形式、Safariならjpeg形式など）しているという。

ハルパーンさんは「Webページのパフォーマンスは、最も重要なユーザーエクスペリエンスだ」と主張する。「世界中の読者がデバイス、ネットワーク、地域に関係なく、一律に稲妻のような速さでページを表示できることを願っている」（ハルパーンさん）

参考：「爆速すぎて笑う」　表示速度が“異常な”Webサイト「dev.to」　その仕組みは