コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLページの読み込み速度を改善する方法

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

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

この記事では、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 サイトの他の関連記事を参照してください。

関連ラベル：
如何提高，HTML页面，加载速度
ソース：php.cn
前の記事：1 行のコードを使用して、IE のさまざまな互換性の問題 (IE6 ～ IE10) を解決します。 次の記事： HTML中的几种特殊字符的显示方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ASP クラシック コードを文字列として MYSQL データベースに保存する可能性 ASP クラシック コードを MySQL データベースに保存し、プルされたときにコードを実行させることは可能ですか?たとえば、変数名を文字列に保存し、それを表示する前に ASP を...
から 2024-04-06 13:38:43
0
1
358
3. JS 3D モデルが追加されましたが、表示されません 自分の Web サイトに 3D モデルを追加しようとしています。 3 つの .js を使用しています。あらゆることを試しましたが、3D モデルを表示できませんでした。開発者ツールの...
から 2024-04-03 19:06:13
0
1
264
画像セットを使用して、JavaScript に依存せずにフォールバック背景画像を実装します。 私はフロントエンドと CSS についてはかなり初心者です。背景画像を追加し、サポートされている場合は .avif ファイルをロードしようとしています。それ以外の場合は、.png フ...
から 2024-03-30 11:00:34
0
1
350
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート