16

一般的な Web サイトは、1 つの index.html ファイルと、多数の javascript および css ファイルで構成されています。ウェブサイトのパフォーマンスを改善するには、次のことができます。

  • javascript ファイルと css ファイルを縮小して、ファイル サイズを小さくします。
  • javascript ファイルを 1 つのファイルに連結し、css ファイルについても同様に連結して、サーバーへの要求の数を減らします。jquery のような一般的に使用される (および共有される) ライブラリの場合、それらを外部に残すことは理にかなっています。これにより、ブラウザはライブラリをキャッシュして、別の Web アプリケーションで再利用できます。

連結されたjavascriptとcssファイルを単一のhtmlファイルにインラインで配置することが理にかなっているかどうか疑問に思っています。これにより、リクエストの数がさらに削減されます。これにより、サイトのパフォーマンスが向上しますか? それとも逆に動作し、ブラウザが何かをキャッシュできなくなりますか?

4

5 に答える 5

6

CSS ファイルと JS ファイルを 1 つのファイルに結合すると、リクエストの数が減り、読み込みが速くなります。しかし、コメントしたように、1 ページのサイトで、そのページの読み込み時間が非常に重要でない限り、あまり意味がありません。したがって、私の意見では、CSS を Javascript から分離したほうがよいでしょう。

このトピックについて詳しく知ることができる本は次のとおりです。

高性能 Web サイト

于 2012-08-13T14:03:31.893 に答える
5

このツールが役立つかもしれません。Web ページをすべてインライン化された 1 つの HTML ファイルに変換します。http 要求を減らしたいモバイル デバイスの appcache マニフェストに最適です。

https://github.com/remy/inliner

于 2014-05-23T06:18:00.407 に答える
3

これは、次の理由からお勧めできません。

  1. キャッシュのメリットを享受できません

  2. すべてのページに不要なリソースをロードします

  3. 関係のないコード ブランチを含む大きなファイルのために、Web サイトの開発に苦労するでしょう。

  4. チームで作業する場合、チームメイトと常に同じファイルで作業する必要があります。つまり、多くのマージ競合が発生します。

于 2012-08-13T14:03:34.807 に答える
2

It would cut down on the number of requests but it would also mean no caching of those for use on other pages. Think of defining an external file as also a way to tell the browser "and this section of the site is reusable". You'd be taking that ability away and so the CSS and JS would load. Like jackwanders said it's great if you only have one page.

于 2012-08-13T14:03:20.163 に答える
0

すべてのページに 1 つの CSS を使用できます。CSS はキャッシュされるため、後続のページは追加のリクエストを送信することなくキャッシュから参照します。

ただし、すべての Javascript ファイルを 1 つに配置するのは状況に依存します。ほとんどの場合、jQuery などのライブラリや関連するプラグインを使用している可能性があります。これにより、プラグイン間で競合する問題が発生する可能性があります。したがって、一度にすべてを試す前に、一度にいくつかのファイルをマージして、エラーが発生するかどうかを確認してください。

于 2013-03-14T04:39:08.320 に答える