1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTML ページの読み込み速度を向上させる方法

2022-01-08 11:48:30

(1) HTTPリクエストの回数を減らす。(リソースファイルのマージ、画像ウィザードの使用など。

(2)CSSをheadに、JavaScriptをbodyタグの末尾に配置する。

(3) 画像の幅と高さを定義する。

(4) 文字セットを定義する。

(5) 空の src 属性と href 属性を回避する。

    htmlではこのように書かれています。

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

    jsではこのように定義されています。     

  $("#triggerName").click(function(e){
            e.preventDefault(); // Cancel the default action of the click event to prevent the link from jumping //
        }) 

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

(7)CSSの式を捨て、より効率的なCSSセレクタを採用する。

(8) 外部CSSやJavaScriptを利用する。

(9) CSSやJavaScriptのコード圧縮。

(10)再描画を減らす。

以上、ページの読み込み速度を改善するためのHTMLを少し紹介しましたが、お役に立てれば幸いです。もし何か質問があれば、私にメッセージをください。また、Script Houseのウェブサイトをサポートしていただき、ありがとうございます。