ホームページ > ウェブフロントエンド > htmlチュートリアル > ページの読み込み速度を向上させるための HTML のヒント

ページの読み込み速度を向上させるための HTML のヒント

高洛峰
リリース: 2017-03-11 11:46:27
オリジナル
1500 人が閲覧しました

この記事では、HTML でのページの読み込み速度を向上させる方法を紹介します。必要な方はぜひ参考にしてください。(1) HTTP リクエストを減らします。 (リソース ファイルを結合し、画像スプライトを使用します。

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