ホームページ >ウェブフロントエンド >CSSチュートリアル >Web フロントエンド ページのパフォーマンスの最適化

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

高洛峰
高洛峰オリジナル
2016-10-08 15:56:471155ブラウズ

一般的に使用される最適化:

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

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

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

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


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。