HTML パフォーマンスの最適化_html/css_WEB-ITnose

概要:

ページの最適化は、Web ページ内の HTML コードに必要な調整であり、ページ内の冗長なコードを効果的に合理化し、Web ページの表示速度を高速化し、検索エンジンが占有するストレージ容量を削減します。もちろん、ユーザー エクスペリエンスと検索の利便性も向上し、ページのテーマをより強調し、ページの関連性を向上させることもできます。以下にhtmlコードを書く際に注意すべきことをまとめてみましたので参考までに。

1. HTML タグは常に存在します。ブラウザの判定時間を短縮します

2. JSが後続のページの表示をブロックするため、scriptタグをHTMLファイルの最後に移動します。

3. iframe は http リクエストを追加し、コンテンツが空であってもページの読み込みに時間がかかるため、iframe の使用を減らします。

4. ID とクラスの名前を簡素化します。キーワードを含む接続語では接続記号として「-」を使用します。「_」は使用しないでください。

5. 大文字と小文字を同じにすることはブラウザのキャッシュに有益ですが、w3c は大文字と小文字を区別しません。標準は小文字です

6. スペースはコードを表示するのに役立ちますが、スペースが増えるとページ サイズが大きくなります。Google や Baidu などの検索エンジンではすべてのスペースが削除されます。 、キャリッジ リターン、その他の文字を削除すると、Web ページの送信速度が向上します。 DW ソフトウェアを使用して、HTML のタグ間のスペースを一括削除し、崇高なテキストの Ctrl+A を押してから、Shift+Tab を長押ししてすべてを左揃えにし、行頭のスペースを削除します

7.ブラウザのコンパイラはタグを見つけると、その終了タグを探し始め、一致するまでそのコンテンツを表示できないため、そのため、タグがある場合、ページを開くのが特に遅くなります。多くのネストされたタグ。

8. コメントが多すぎるとスペースを占めるだけでなく、多数のキーワードが含まれていると検索エンジンの検索に影響を与えるため、コメントを減らします。

9. テーブル レイアウトの代わりに CSS+DIV を使用します。 Strong、b、i などの書式設定制御タグを削除します。CSS を使用して制御します

10. コードは構造化され、セマンティックである必要があります

11. CSS と JavaScript を可能な限り別のファイルに分離します

12.不要なタグと空のタグを削除します

13. b、i などの放棄されたタグはできるだけ使用しません。ただし、上位バージョンのブラウザには下位互換性があります

要約:

優れたコードはユーザーに表示されます。ユーザーに親しみやすさをもたらすだけでなく、検索エンジンのランキングにもメリットをもたらし、ページ作成時のコード構造を簡素化し、ラベルをセマンティックかつ標準化します。