Pourquoi le CSS est-il compressé ?

青灯夜游
Libérer: 2023-01-05 16:14:31
original
1780 Les gens l'ont consulté

Raison : lorsque le navigateur ouvre une page Web, il doit télécharger les données de la page Web sur l'ordinateur local, puis les afficher ; s'il y a plus de contenu dans la page Web, le nombre de demandes de lien sera plus, et plus la page Web sera ouverte lentement. La compression des fichiers CSS peut réduire le nombre d'octets occupés par le code CSS, réduire la taille du fichier, le volume de transmission réseau et l'utilisation de la bande passante, augmentant ainsi la vitesse d'ouverture des pages.

Pourquoi le CSS est-il compressé ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Lorsque le navigateur ouvre une page Web, il doit télécharger les données de la page Web sur l'ordinateur local, puis les afficher.

Le contenu de la page Web téléchargée comprend : des images, du texte, des codes de programme dans la page Web : CSS, HTML, scripts js, polices, etc., le nombre peut aller jusqu'à des centaines.

Lorsque le navigateur ouvre une page Web, il demande également au serveur de télécharger le contenu de la page Web. Si la quantité de contenu dans la page Web est plus importante, le nombre de demandes de lien sera plus important ; si le contenu est plus volumineux, le temps de téléchargement après le lien sera plus long.

Par conséquent, réduire le nombre de liens et la taille du contenu est un moyen important d'améliorer la vitesse d'ouverture des pages Web. Nous devons donc généralement compresser les fichiers CSS.

Avantages de la compression des fichiers CSS :

1. Réduisez la taille du fichier

2. Réduisez le volume de transmission du réseau et l'utilisation de la bande passante

3. Réduire la pression de traitement sur le serveur

4. Améliorer la vitesse de rendu et d'affichage de la page

Par où commencer avec la compression du code CSS

Une fois la page Web développée, le code CSS à publier sur le site Web peut être directement réduit et compressé, par exemple en supprimant les espaces, les sauts de ligne, les points-virgules redondants, etc.

Bien sûr, certains codes CSS peuvent être optimisé. Réduit considérablement la quantité de code et donc la taille du fichier.

Partage de vidéos d'apprentissage : tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!