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

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

高洛峰
高洛峰オリジナル
2017-02-09 17:22:591313ブラウズ

この記事では、HTML でのページの読み込み速度を向上させる方法を紹介します。必要な方はぜひ参考にしてください。(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(); // 取消单击事件的默认动作以阻止链接的跳转//
        })


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

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

(9) CSS と JavaScript のコード圧縮を使用する。 10) 重複を減らす

上記は、ページの読み込み速度を向上させるために編集者が紹介した方法です。ご質問がございましたら、メッセージを残してください。時間内にご返信ください。PHP 中国語 Web サイトをご利用いただき誠にありがとうございます。

ページの読み込み速度を向上させるその他の HTML メソッドについては、PHP 中国語 Web サイトにご注目ください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。