ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML 最適化を使用して Web ページを高速化する方法の紹介

HTML 最適化を使用して Web ページを高速化する方法の紹介

高洛峰
高洛峰オリジナル
2017-03-21 17:19:181289ブラウズ

Web ページのダウンロード時間を短縮する鍵は、ファイル サイズを減らす方法を見つけることです。複数のページが一部のコンポーネント コンテンツを共有する場合、これらの共通部分を個別に分離することを検討できます。たとえば、複数の HTML ページで使用されるスクリプトを独立して存在させることができます。 ファイルを作成し、次のようにページ内で呼び出します:

引用されたスニペットは次のとおりです:

このようにして、パブリック ファイル一度ダウンロードしてバッファに入れるだけです。次回、パブリック ファイルを含む HTML ページが再度呼び出されるとき、ダウンロード時間は大幅に短縮されます。

スタイルシートのコンテンツをアンダーグラウンドで機能させましょう

CSS は HTML ドレッサーであり、これなしでは美しい Web ページは不可能です。 HTML ページで CSS を参照する方法は数多くあり、方法が異なれば効率も異なります。通常、 の間に定義されたスタイル コントロール コードを抽出し、別のファイルに保存できます。 css ファイルを作成し、 タグまたは @import タグを使用して HTML ページ内で引用します:

以下は引用部分です:

次の 2 点にご注意ください。 CSS ファイルに