ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでページの読み込み速度を改善する方法

HTMLでページの読み込み速度を改善する方法

王林
王林転載
2020-03-11 17:32:002382ブラウズ

HTMLでページの読み込み速度を改善する方法

(1) HTTP リクエストを削減します。 (リソースファイルをマージし画像スプライトを使用);

(2) bodyタグの先頭にCSS、最後にJavaScriptを配置します;

(3) bodyタグの幅と高さを定義しますimage;

(4) 文字セットを定義します;

(推奨チュートリアル: html 入門チュートリアル)

(5) 空の src と href を避ける属性、

HTML で次のように記述します:

<a href="javascript:;" class="triggerName">Trigger</a>

js で次のように定義します:

$("#triggerName").click(function(e){
          e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
      })

(6) GZIP 圧縮を有効にする;

(7) CSS 式を破棄し、より効率的な CSS セレクターを使用します;

(8) 外部リンク CSS と JavaScript を使用します;

(9) CSS と JavaScript のコード圧縮;

(10) ) 再描画を減らす;

推奨される関連ビデオ チュートリアル: html ビデオ チュートリアル

以上がHTMLでページの読み込み速度を改善する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjb51.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。