ウェブページのパフォーマンス - CSSとJavaScriptは別々のファイルですか？

Google HTML/CSS Style Guideを見ると、私は特定のものは見ません。 CSSやJavaScriptをHTMLファイルに入れるのは、外部ファイルを読み込むよりも優れているようです。ウェブページのパフォーマンス - CSSとJavaScriptは別々のファイルですか？

プロダクションウェブサイトでは、すべてを1つのファイルに含めるべきですか、しませんか？

出典

2016-07-03 Ron Royston

キャッシュを防止します。 –

これは実際には良いことです。 –

プログラマーのスタックエクスチェンジに関する非常によく似た質問：[JSコードをhtmlファイルまたは外部ファイルに入れる方が良いですか？]（http://programmers.stackexchange.com/q/223918/211784） –

-2

あなたの好みによって異なります。ほとんどの場合、別々のファイルにコードを記述したいのですが、大きなプロジェクトで作業するときに、同じファイルにcss、js、htmlがあると混乱することがあります。に加えて、その差異は最小限に抑えられます。

出典

2016-07-03 21:18:15 Daniel

私は、開発時に同意します。しかし、プロダクションに公開する準備が整ったら、ベストプラクティスは何ですか？たとえば、すべてのJavaScriptを1つのファイルにまとめて、複数の外部スクリプトをロードすることがベストプラクティスであることはわかっています。ですから、すべてのJSをHTMLに入れないのはなぜですか？外部ファイルを使用する理由は、キャッシングが原因と思われます。 –

通常、開発するときに、プロジェクトツリーでコードを分割します。だからあなたは大量のjs、おそらくはcss/sass/lessファイルを持っています。これはあなたのプロジェクトのより小さなコンポーネントを表します。

プロダクションにプロジェクトを立ち上げるときには、通常、すべてのファイルを1つのバンドルに連結するビルドプログラムがあります。このバンドルも、例としてbootstrap.min.jsのような高速読み込みのために縮小されています。

ようないくつかの生産準備パッカーのための外観（グーグル）を取る：あなたは間違いなくので、HTML文書内の大CSSやJavaScriptファイルを置くべきではありません

ブランチ
のWebPACK

出典

2016-07-03 21:19:37 webdeb

それはなぜですか？ – lexith

@lexith broさん、この回答は、通常行われていること、なぜなぜ質問が良いのかをカバーするべきですが、初心者にとってはわかりにくくなるようなあらゆる面をカバーするには、IMO – webdeb

ウェブページのパフォーマンス - CSSとJavaScriptは別々のファイルですか？

答えて

関連する問題