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

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

巴扎黑
リリース: 2017-04-17 10:59:50
オリジナル
2285 人が閲覧しました

この記事では、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) CS S 式を放棄し、より効率的な CSS セレクターを使用します。

(8) 外部にリンクされた CSS と JavaScript を使用します。

(10) 再描画を削減します。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート