0

私は現在 Web アプリケーションに取り組んでいますが、非常に遅いです。Chrome でネットワーク モニターを見たところ、何十ものスタイルとスクリプト (おそらく 150 以上) が読み込まれていることがわかりました。これはばかげているので、PHP クラスをコーディングして、スクリプトとスタイルを縮小し、それらをキャッシュしました。それは現在機能しており、速度ははるかに優れています!

縮小された JS を提供する最良の方法は何ですか? タグ間のすべての JS <script>(およびタグ間の css <style>) を印刷する方が良いですか、それともすべてをファイルに入れる必要がありますか。

両方のエンド ユーザーにとって最も速いのはどれですか?

ありがとう！

4

2 に答える 2

1

それらを縮小して単一のファイルにマージできる場合は、それを実行してください。スクリプト/リンク タグが増えると、HTTP リクエストが増えるため、読み込みが遅くなります。特にJSについての場合。

Web Performance Best Practices and Rules@ http://developer.yahoo.com/yslow/のトピックを読んでください。

特にトピック#1 Minimize HTTP Requests、#5 Gzip Componentsおよび#11 Minify JavaScript and CSS。読み込み時間のさらなる素晴らしさについては、#6 Put StyleSheets at the Topとをお読みください#7 Put Scripts at the Bottom。

#7 より:

スクリプトによって引き起こされる問題は、並列ダウンロードがブロックされることです。HTTP/1.1 仕様では、ブラウザがホスト名ごとに並行して 2 つまでのコンポーネントをダウンロードすることが推奨されています。複数のホスト名からイメージを提供する場合、2 つ以上のダウンロードが並行して発生する可能性があります。ただし、スクリプトのダウンロード中は、ホスト名が異なっていても、ブラウザーは他のダウンロードを開始しません。

于 2013-02-01T17:02:50.320 に答える
0

現在のベスト プラクティスのいくつかは次のとおりです。

  • <style>早期にロードして、早期<head>に適用され、ユーザーに「中途半端な」ページが表示されないようにする

  • 閉じる<script>前にロード<body>

例として、HTML5 ボイラープレートを参照してください

https://github.com/h5bp/html5-boilerplate/blob/master/index.html

インライン Javascript または CSS を使用しないでください。これにより、後続のページ読み込みのサイズが増加します (同じコードが何度も読み込まれます...)。

于 2013-02-01T17:00:59.743 に答える