コードの最適化とは、Web ページの HTML ソース コードに必要な調整を加えてページの効率を向上させることです。一方で、ページ内の冗長なコードを効果的に合理化し、表示を高速化することができます。ページの速度を低下させると同時に、検索エンジン サーバーのストレージ スペースを占有するため、ページのユーザー エクスペリエンスと検索エンジンの使いやすさが向上します。ページを更新し、ページの関連性を向上させます。
主な手順: コードの合理化、ヘッダーの最適化、ウェイト ラベルの使用、および画像の最適化。これら 4 つのリンクの中で、コードの合理化は最も基本的かつ基本的なものです。
1. コードの合理化とは、ページ サイズを削減し、ページのユーザー エクスペリエンスと検索エンジンの最適化を向上させるために、ページ内のコードを削除または簡素化することを指します。
コードの合理化は、1. ジャンク コードのクリーンアップ、2. HTML タグの変換、4. JS の最適化、およびテーブルの最適化の 5 つの小さなステップに分かれています。
1.1 ジャンクコードとは、削除してもページの正常な表示に影響を与えない不要なコードを指します。これらのコードは多くのスペースを占めるため、パフォーマンスに影響するだけでなく、検索エンジンの計算時間にも影響するため、フロントページ、Word、Dreamweaver を使用する場合は、コードを手動で記述することをお勧めします。 、その他のツールを記述すると生成されるゴミコードが大量にあるので、手動でクリーンアップしてください。
1.2 HTML タグ変換とは、主に、Web ページで同じ効果を実現する長いタグを短いタグを使用して置き換えることを指します。たとえば、2 週間ではフォントが太字になりましたが、ページ数が多いと、冗長なコードが大量に生成されます。
1.3 CSSの最適化。 CSS の最適化には主に、CSS の呼び出し方法を変更し、重要なコンテンツのスタイルを定義するために CSS を使用しないようにすることが含まれます。
div+css を使用してページを作成すると、ジャンク コードを防止できる一方で、重複コードを減らすことができます。このアプローチは検索エンジンに非常に適しています。
1.4jsの最適化。 js は検索エンジンにとって非常に不親切です。現在、検索エンジンは JavaScript によって生成されたページやコンテンツを解析できません。したがって、js スクリプトを使用して重要なコンテンツを生成することはできません。
1.5 テーブルの最適化、従来のページは基本的にテーブルを使用します。ただし、この方法は検索エンジンにとって非常に不親切なため、テーブルの使用はお勧めできません。
実践的な戦闘: 私の Web サイトの gsm 警報システムのすべてのページは手書きで、冗長なコードはほとんどなく、タグの変換のみで、長い付箋は避けるようにしています。
CSS の最適化もあり、すべてのスタイルを外部ページに配置し、ヘッダーに参照を追加するだけで済み、ページのサイズが大幅に削減されます。
また、各ページの記述には div+css を使用しました。
JS の最適化もあります。すべての重要なコンテンツでは JS が使用されません。ただし、JS コードは外部ページにも記述されており、ページの下部に参照を追加する必要があります。ヘッダーに追加しないでください。ヘッダーに追加すると、ページのパフォーマンスにも影響します。
私のウェブサイトの gsm 警報システムのすべてのページは上記の規則に準拠しています。上記に何か間違いがある場合は、ご指摘をいただければ幸いです。さて、今日はここまでです。次のセクションに進みましょう。
(担当編集:momo) 著者Qinglianzhiyaoのパーソナルスペース