ホームページ >ウェブフロントエンド >フロントエンドQ&A >なぜCSSは圧縮されるのでしょうか?

なぜCSSは圧縮されるのでしょうか?

青灯夜游
青灯夜游オリジナル
2021-05-11 14:54:211851ブラウズ

理由: ブラウザが Web ページを開くとき、Web ページ内のデータをローカル コンピュータにダウンロードしてから表示する必要があります。Web ページにさらに多くのコンテンツがある場合、リンク リクエストの数は増加します。増加すると、Web ページを開くのが遅くなります。 CSS ファイルを圧縮すると、CSS コードが占めるバイト数が減り、ファイル サイズ、ネットワーク送信量、帯域幅の使用量が削減され、ページを開く速度が向上します。

なぜCSSは圧縮されるのでしょうか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

ブラウザで Web ページを開くときは、Web ページ内のデータをローカル コンピュータにダウンロードして表示する必要があります。

ダウンロードされる Web ページのコンテンツには、画像、テキスト、Web ページ内のプログラム コード: CSS、HTML、js スクリプト、フォントなどが含まれ、その数は最大数百にも及びます。

ブラウザは Web ページを開くと、Web ページ内のコンテンツをダウンロードするようサーバーに要求します。 Web ページ内のコンテンツの量が多いほど、リンク リクエストの数も多くなり、コンテンツが多いほど、リンク後のダウンロード時間も長くなります。

したがって、リンクの数とコンテンツのサイズを減らすことは、Web ページを開く速度を向上させる重要な方法です。したがって、通常は CSS ファイルを圧縮する必要があります。

#CSS ファイルを圧縮する利点:

1. ファイル サイズを削減します

#2. ネットワーク送信量と帯域幅の使用量を削減します

3. サーバーの処理負荷を軽減します

4. ページのレンダリングと表示速度を向上させます

CSS コード圧縮をどこから始めますか

Web ページの開発後、Web サイトに公開する CSS コードは、スペース、改行、冗長セミコロンなどの削除など、直接縮小および圧縮できます。

もちろん、一部の CSS コードは、コード量が大幅に削減され、ファイル サイズが大幅に削減されます。

学習ビデオ共有:

css ビデオ チュートリアル

以上がなぜCSSは圧縮されるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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