ソーシャルメディアの読み込みはDNSプリフェッチのまとめ設定がお得 | ゆっくりと…
zenback の読み込みコードが非同期化され、かつ 平均20%+の速度アップが図られた そうで、ユーザーとしては嬉しい限りです。 zenback に限らずソーシャルメディアの導入は、必然的に外部サービスを多用することになります。どのサービスも、スクリプトや画像、トラッキング用コードなどのリソースを、その特性に合わせて 2〜4 程度のホスト／ドメインに分散させているのが普通です。 こういった分散化は並列に読み込みめるリソース数を増やし、クッキーのあり／なしを区別できるので高速化に寄与します。が、利用するサービス数が多くなると、いわゆる「DNS ルックアップ」にかかる時間が無視できなくなり、さすがにデメリットの方が目立ってきます。 例えば本サイトの場合、最終的に25以上の異なるホスト／ドメインから 有象無象 のリソースを読み込んでいるのですが、「DNS ルックアップ」の合計だけで1秒を超える
DNSプリフェッチで読み込み速度が上がるか試してみた
B! 5 0 1 0 ブラウザの機能として、 先に特定のドメインの名前解決を行うことで 読み込みを速くするする、と言う DNS prefetchという機能をちょっと試してみました。 dns-prefetch サイトで必要なドメインを探す 実装してみる 試した結果 まとめ dns-prefetch 外部スクリプトを読み込もうとすると、 まずそのスクリプトのドメインを探して見つける 名前解決(DNSルックアップ)と言う作業が行われます。 これが実際に読み込む前にちょっと時間がかかる作業で、 色々なドメインから読み込もうとすると結構な時間になります。 これをページを読み込む最初のほうで名前解決だけやってしまって、 実際にスクリプトを読み込む時にはこの部分をスキップして ダイレクトにアクセス出来るようにする、と言うのが DNS prefetchの機能です。 名前解決自体は非同期に出来るので、 特に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
