Tutoriels jQuery, HTML/CSS et PHP

Je partage ici toutes les ressources que je trouve utiles, les tutoriels qui pourraient vous intéresser et toute

l'actualité nécessaire pour devenir Webmaster ...


  • Compresser les fichiers CSS - Clean CSS
    Posté par Djb guillemetsVoici une technique pour compresser vos fichiers CSS et donc réduire la bande passante, compresser ses fichiers CSS c'est aussi un moyen pour optimiser le temps d’affichage de ses pages web.


Présentation d'outil pour compresser vos fichier CSS en ligne.





le principe de Clean CSS est de réduire considérablement le nombre de caractères dans votre fichier CSS



La technique est la suivante:



  1. Réduction ou suppression (le plus compact) des retours à la ligne

  2. Tri des priorités et sélecteurs

  3. Fusion des priorités similaires (.center { text-align: center } et h3.titlepage { text-align: center } deviendront .center, h3.titlepage { text-align: center })

  4. Compression des couleurs et de font-weight : color: white et font-weight: bold deviendront respectivement color: #FFF et font-weight: 700 ;

  5. Enlever le dernier point-virgule des priorités (pour gagner un caractère à chaque fois)

  6. Etc.





Pour exemple sur le site nextum, la taille des fichier CSS passe de 17,789KB à 13.105KB soit un gain de 26%, c’est non négligeable.


www.cleancss.com





2 Commentaires

1. Ecrit par  Alexandra


I rlealy needed to find this info, thank God!


2. Ecrit par  Karess


Surpeoir thinking demonstrated above. Thanks!






Catégories



Script (16)

Design (4)

JQuery (17)

Geeks (7)

Web (14)

Mootools (1)




Utilisateur