ほとんどの人は、画像や動画を配置するために CDN を使用しているようです。js と css も cdn に配置するのが賢明ですか?
5 に答える
そう信じる。ただし、どちらかが動的に生成される場合は、CDN が新しいコピーをプルすることを認識できるように、ファイルに比較的低い ttl (存続時間) を設定する必要があります。ただし、そうでない場合は、Amazon の S3 にダンプしても問題ないと思います。
1 つの注意点 - CDN を使用せずに簡単にテストおよび開発できる方法があることを確認してください。このプロセスではキャッシュが頭痛の種になる可能性があります。
[編集]
もう少し経験を積んだ後、これらのファイルをバージョン管理してから、ビューを生成するものは何でも参照を更新するのが最善だと思います。
例えば:
style.20111112.css
shoppingcart.20111113.js
これにより、非常に低い ttl を使用し、キャッシュされたコピーの CDN をパージする必要がなくなります。
原則としては良い考えですが、常にバックアップを用意してください。
Javascript を使用すると、CDN がダウンした場合、またはクライアントが何らかの理由でその js にアクセスできない場合、ローカル コピーをバックアップとして保持することで、サイトの柔軟性を維持できます。
たとえば、jQuery を使用すると、次のスニペットで両方の長所を活かすことができます。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined')
document.write(unescape("%3Cscript src='/scripts/jquery-1.4.2.min.js' type='text/javascript'%3E%3C/script%3E"));
</script>
はい、でも...CSSとJSをCDNに配置する前に
個別のCSSファイルをマージして最小化します。すべてダウンロードされるまで、ブラウザーはページのレンダリングを開始しません。
ページのダウンロードに必要なJSファイルと、後でダウンロードできるJSファイルを見つけて、必要なファイルをヘッダーに配置し、その他のファイルをページの下部に配置するか、非同期でロードします(縮小することを忘れないでください)。それも)
CDNはあなたに2、3の勝利をもたらします
- 待ち時間の短縮
- ダウンロード元の追加のホスト名
- これを正しく使用すると、静的コンテンツ用のCookieなしのドメインになります。
先日ラウンドを行っていたこのプレゼンテーションのさまざまな最適化のパフォーマンスに関する実際の例がいくつかあります-https://docs.google.com/present/view?id= 0ASIJhpwrlBx6ZHA5emJmcF81MmM5Zzk3NmM0&authkey=COe29aAD&hl =en_GB (私のものではありません)
問題はないと思います (特に、同じ JavaScript コードを使用する複数の Web サイトがある場合の JavaScript の場合)。
ここでの回答のほとんどは、CDN の経験のない人から書かれています。
Akamai または他の大規模な CDN プロバイダーのいずれかを使用している場合、CDN がサイトのコンテンツにヒットし (したがって、データを「バックアップ」しない)、無効にするまでデータをキャッシュすることがわかります。
アカマイのような CDN は、世界中に分散したエッジ サーバーを持っていない限り、大きな違いを生むでしょう。ドイツの一部のお客様は、ページ読み込み時間が 15 秒から 3 秒未満になりました。
詳細については、ウィキペディアの特典セクションをお読みになることをお勧めします。