Web フロントエンド ページのパフォーマンスの最適化

よく使用される最適化:

1. フロントエンド開発エンジニアが xhtml を書くときに構造的なセマンティクスを実現するよう奨励します (タグ セマンティクスの利点: 1. 検索エンジンに役立ちます。2. 明確な構造はチームワークを促進します。3. ブラインド スクリーン リーダーに役立ちます。ラベルをセマンティクス化する方法については、この点については個人的な理解にも依存しますが、おそらく個人的な習慣に関係があると思います。)

2. css ファイルと js ファイルの数とサイズの最適化 (通常、コードの繰り返しとコードの再利用を減らすために、css と js を外部に接続することをお勧めします)。

3. 背景画像の数とサイズの最適化 (CSS スプライトと組み合わせた PNG8 形式の画像を使用します。背景画像の数が多いとサーバーに影響し、http リクエストの数が増加します)。

4. スタイルシートをページの下部に配置し、@import の代わりに を使用します。