ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでページの読み込み速度を改善する方法

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

王林
リリース: 2020-03-11 17:32:00
転載
2433 人が閲覧しました

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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート