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 コード標準を作成するためのガイド
推薦する
モバイルデバイスでインラインスクロールを実装するための4つのソリューションの詳細な説明
ニーズの発見領域の一部のみスクロールでき、残りの部分は移動できない場合、どのような方法を使用しますか...
HTML_PowerNode Java アカデミーでテーブルを動的に追加する
さっそく、コードを直接投稿します。具体的なコードは次のとおりです。 <html> <...
iOS WeChat H5ページのゴム反発効果の落とし穴記録
ビジネス要件最近開発したプロジェクトの一つに、WeChat公式アカウントに関連したH5ページがありま...
JavaScript シミュレーション計算機
この記事では、JavaScriptシミュレーション計算機の具体的なコードを参考までに紹介します。具体...
Linux で Oracle データベースをバックアップするためのスケジュールされたタスクの設定に関するチュートリアル
1. データベースの文字セットを確認するデータベースの文字セットは、Linux で設定された環境変数...
クールなIoT大画面機能を実現するHTML+VUEページング
効果デモ.html <html> <ヘッド> <メタ文字セット=&qu...
LINUX でポートが占有されているかどうかを確認する方法
ポートが占有されているかどうかは、これまで一度もわかりませんでした。多くの人に尋ねて、ようやくわかり...
Unicode における CJK (中国語、日本語、韓国語の統合表意文字) 文字の概要
CJK は CJK Unified Ideographs の略称で、「中国語、日本語、韓国語の統一表...
商品クエリ機能を実現するJavaScript
この記事の例では、商品検索機能を実現するためのJavaScriptの具体的なコードを参考までに共有し...
MySQLが内部一時テーブルを使用するタイミングについて簡単に説明します。
組合執行分析を簡単にするために、次のSQLを例として使用します。 テーブル t1 を作成します ( ...
jQueryは何に使われるのですか？jQueryは実際にはjsフレームワークです
jQuery 入門jQuery ライブラリは、簡単なマークアップ行を使用して Web ページに追加で...
Linux で MySQL データベースのデータ ファイル パスを変更する手順
rpm インストール方法を使用して MySQL データベースをインストールした後、データ ファイルの...
Vue 組み込みコンポーネントのキープアライブでの LRU アルゴリズムの使用
目次Vue の keep-alive 組み込みコンポーネントの使用でもこのアルゴリズムが使用されます...
Dockerはnextcloudを使用してプライベートBaiduクラウドディスクを構築します
突然、ドキュメントの保存と共同作業のためのプライベート サービスを構築する必要がありました。多くの場...
Nginx Rewrite の使用シナリオと設定方法の分析
Nginx Rewriteの使用シナリオ1. URL アドレスジャンプ。たとえば、ユーザーが pm....