2

誰でもWebパフォーマンスについて説明できますか、外部cssをロードします（結合されたcss）外部javascriptをロードします（結合されたjavascript）インラインcss /インラインjavascript <-他のリソースのダウンロードをブロックします。外部cssの前にjavascriptを置くことをお勧めします

javascript を組み合わせたときに、外部 css の前に javascript を配置するにはどうすればよいですか? インライン JavaScript を外部スクリプトにせずに画像の読み込みをブロックしない方法はありますか?

更新
明確にするために、Web パフォーマンスのブログ/記事によると、最初に外部のものをロードする必要があり、javascript の前に最初に外部 css をロードします。次に、インライン スタイル/javascript を実行しますが、外部リソースをロードした後にインライン javascript を実行すると、スタック (画像) の下の他のリソースがブロックされるため、インライン javascript に問題があります。

6つの接続があるFirefoxで（仮定）、外部css /外部javascriptで2つの接続を開くと、まだ4つの接続が残っているため、その開いている接続を利用したいのですが、問題はインラインjavascriptがあることです他のリソースのダウンロードをブロックし、インライン JavaScript が実行された後にのみダウンロードを続行します。

開いている接続を利用するには、外部の前にインライン JavaScript を配置する必要があると言う人もいますが、問題は、外部からの参照が必要であり、外部リソースの前に配置できないことです。他のブログ/記事では、インライン JavaScript を外部に配置し、それらを組み合わせて 1 つの外部 JavaScript (バックエンドでキャッシュ) を作成する必要があると述べていましたが、これは現在のサイトで多くの作業を行っているようです。

外部 JavaScript を必要とする/依存するインライン JavaScript がある場合、Web パフォーマンスを利用する方法はありますか? ありがとう

4

3 に答える 3

1

まあ、一般的にあなたが望む：

  • 非同期でロードされる外部JavaScript（および可能であれば1つのファイルで、コース外のWebサーバーによって縮小および圧縮されます）
  • インラインJavaScriptを非ブロッキングにする

それを達成したい場合は、次のようなlabjsを調べてください。

an all-purpose, on-demand JavaScript loader [that] reduces resource blocking during page-load [...] by loading (and executing) all scripts in parallel as fast as the browser will allow. You can easily specify which scripts have execution order dependencies and LABjs will ensure proper execution order.

I'm currently doing some tests to compare a normal page with multiple javascript-resources with the same page but with labjs, if you're interested I can keep you posted on the results.

于 2010-10-04T08:35:56.533 に答える
1

jquery を使用する場合は、 http ://code.google.com/p/rloader/ を試すことができます。

于 2010-12-03T15:58:21.537 に答える