Des outils de compression pour les fichiers CSS

Combien de temps une page Web est chargé, n'est pas seulement un facteur important dans la conception web est devenu depuis le Google a annoncé cela en compte dans le futur comme un facteur de classement.

Idéalement pages web se composent de plusieurs fichiers (X) fichier HTML, le fichier CSS peut à partir de fichiers JavaScript, etc.

Toutes ces données seront chargées lorsque vous ouvrez la page Web dans un navigateur et ainsi avoir une influence sur la vitesse de chargement.

Même avec les fichiers CSS et JavaScript, vous pouvez optimiser certaines de la vitesse de chargement dans laquelle il vous suffit de sauvegarder les fichiers compressés.

Aujourd'hui je vous présente un outil en ligne pour compresser des fichiers CSS avant.

Commune code CSS au cours de la phase de développement

Au cours du développement, il convient de structurer le code CSS est logique et les caractéristiques individuelles d'une ligne dans le fichier CSS à écrire. CSS est juste les nouveaux arrivants à le recommander à garder une trace des tâches.

Un exemple:

 body {
 background-color: # ccc;
 color: # 000000;
 font-size: 12px;
 font-weight: bold;
 }
 h1 {
 color: # CC0000;
 font-size: 30px;

 }

Un tel code est bien sûr très facile à lire, de l'autre côté, mais aussi très "bavard" - chaque ligne de coûts de stockage physiques et donc facturer le temps de construire plus tard le site.

Le code CSS compressé

Dans un code compressé CSS en premier lieu, les lignes du fichier CSS sera "rassemblé" et les commentaires sont supprimés.

Pour l'exemple ci-dessus ressemble à ceci:

Cela correspond à une réduction de la taille du fichier d'environ 22%.

Mon exemple est maintenant très faible - que vous pouvez imaginer qu'il serait extrêmement utile pour les grands fichiers CSS permet de compresser les fichiers et donc d'accélérer le temps de chargement du site.

L'optimiseur de CSS et formateur de CLEANCSS.com

Qui ne veut pas courir la compression à la main, qui sont un grand nombre de compresseurs CSS sont disponibles en ligne à assumer cette tâche pour vous.

La plupart de ces outils sont basés sur CSSTidy - un analyseur open source CSS qui a un certain nombre de fonctions de compression.

Le outil en ligne CLEANCSS.com toutes ces fonctions ont été pris en considération.

Vous pouvez utiliser cette ligne shrinker CSS, les données de CSS dans le champ destiné à copier ou de télécharger à partir d'une URL et choisir parmi une variété d'options de compression.

Le résultat peut être affiché sur l'écran ou écrire dans un fichier.

Give it a try - compresser en vaut la peine.

Est-ce le temps lent est rapide hpvorlagen24.de parfois - Soupir ...

Lien connexe:

Un bel assortiment d'autres outils de compression CSS est à mostinspired.com intitulé " CSS en ligne des outils de compression pour optimiser vos feuilles de style apparus. "

Dans cet article nous allons présenter 16 de ces compresseurs.