Pourquoi le CSS est-il compressé ?

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.

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!