CSS最適化スキルの自己実践体験
|
1. CSS スプライトを使用します。 利点は、CSS で使用される小さな画像を 1 つの大きな画像に結合できるため、サーバーへのリクエストが減り、サーバーの負荷が軽減され、ページの読み込みが高速化されることです。 2. 複数の CSS ファイルを 1 つの CSS ファイルに結合します。 CSSスプライトと同じ利点 3. 外部 CSS を使用します。 外部 CSS はブラウザでキャッシュできるため、メンテナンスが容易です。 4. CSS をヘッド内に配置します。 Yahoo のドキュメント http://developer.yahoo.com/performance/rules.html#css_top を参照してください。 5. インポートの代わりにリンクを使用する インポートを使用すると、ページの読み込みが遅くなります。さらに、IE での読み込み順序が予想と一致しない場合があり、それが直接的に表示の問題につながります。 6. CSS の省略形を使用します。 たとえば、margin-top の代わりに margin を使用します。 7. 同じ文体の文章をまとめて、繰り返しの文章にならないようにします。 8. 改行を減らします。 9. 最後のセミコロンを削除します。 10. 単一行コメントを使用します。 11. RGBカラーの略語。 12. px などの不要な単位を削除します。 13. 使用されていないスタイルを削除します。 ファイルサイズを縮小し、ブラウザの解析と照合の時間を短縮できます。 14. CSS ファイルを圧縮します。 上記はすべて非常に単純なので、詳しく説明する必要はありません。もちろん、一部の CSS 圧縮ツールには最適化機能が備わっています。 |
>>: 柔軟で安定した高品質の HTML および CSS コード標準を作成するためのガイド
推薦する
CSS変数がJSインタラクティブコンポーネント開発にもたらす改善と変更のサンプルコードの詳細な説明
1. CSS変数がもたらす質的変化CSS 変数によってもたらされる改善は、CSS コードの節約や C...
Vue で Baidu Map を呼び出して経度と緯度を取得する
プロジェクトでは、現在地の緯度経度を取得したり、場所を検索して緯度経度情報を取得したりする必要があり...
HTML テーブルタグチュートリアル (33): セルの垂直配置属性 VALIGN
垂直方向では、セルの配置を上、中央、下に設定できます。基本的な構文<TD VLIGN=&quo...
mysql MGR シングルマスターとマルチマスターモードの切り替えの知識ポイントの詳細な説明
メインライブラリの実行 CREATE DATABASE test CHARACTER SET utf...
mysql を解決: エラー 1045 (28000): ユーザー 'root'@'localhost' のアクセスが拒否されました (パスワードの使用: NO/YES)
1. 問題時々Mysqlにログインしてパスワードを入力すると、この状況が発生しますmysql -u...
Linux で FastDFS ファイル サーバーを構築するための実装手順
目次1. ソフトウェアパッケージ2. gccをインストールする3. libfastcommonをイン...
Vueのシンプルストアの詳しい説明
Vue におけるストアの最も単純な応用はグローバル ストレージです。ここでは、相互にジャンプするため...
Linux システムで Vim を使用してリモート ファイルを読み書きするコマンドの詳細な説明
vim の動作モードを設定する (一時的) :set (モード情報) :set nu — 行番号を表...
MySQLクエリのソートとページング関連
概要通常、データベース内のデータを直接表示することは望ましくないため、最後の 2 つのセクションでは...
Nginx コンパイル済み nginx - 新しいモジュールを追加
1. 既存のモジュールを表示する nginx の sbin ディレクトリに nginx の sbin...
MySQL データベース テーブルのパーティション分割に関する考慮事項 [推奨]
テーブル パーティショニングは、データベース パーティショニングとは異なります。では、テーブル パー...
Ubuntu 20.04 aptの国内ソースを変更する方法
UPD 2020.2.26 現在、Ubuntu 20.04 LTSはまだリリースされていないため、チ...
IE6はmin-widthを実装している
まず第一に、この効果は古い話題であるはずだということはわかっています。今日ファイルを整理していたら、...
Linux で AIDE に基づいてファイルシステムの整合性を検出する方法
1. 補助AIDE (Advanced Instruction Detection Environm...
データベースの削除から逃走までの MySQL の徹底分析_上級編 (I) - データ整合性
1. データ整合性の概要1. データ整合性の概要データの冗長性とは、データベース内に重複したデータが...