PROJET AUTOBLOG


actualités du Net,référencement efficace

Site original : actualités du Net,référencement efficace

⇐ retour index

CSS : compresser / décompresser votre feuille de style.

lundi 7 septembre 2015 à 18:34
Les feuilles de style, codées en CSS peuvent être compressées et décompressées très facilement, soit pour un gain de temps de chargement, soit pour une meilleure lecture, et ceci très facilement en quelques clics ...Coder c'est bien beau, créer ou modifier sa feuille de style 100% personnelle l'est encore mieux, mais actuellement, même la CSS, tout est sujet à 'compression', tout doit être 'optimisé' pour gagner quelques précieux dixième de seconde, voire plus ou moins encore, de temps de chargement, avec les nouvelles règles du WEB2.0 et des technologies dédiées aux différents formats d'appareils connectés !
Oui, mais pourquoi et comment ?

Compresser la CSS.

Compresser votre ' CSS ' vous apportera deux gros avantages:
- une meilleure lecture, un meilleur affichage de votre site.
- une rapidité et une lisibilité accrues, qui ne pourront que faire du bien à vos pages sur Internet.
Comment compresser sa feuille de style ?
Facile !!!
Il existe des logiciels dédiés, mais encore bien plus simple, il existe une foultitude de liens, de script en ligne qui peuvent vous réaliser cela en quelques clics de souris, en quelques milli-secondes ...
Faites une simple recherche sur le net, genre " CSS compressor " ou encore " CSS mignifier "et vous n'aurez alors que l'embarras du choix, il vous suffira alors de copier / coller votre code personnel, de lancer le script que vous aurez choisi, et hop vous obtiendrez une version compressée ET optimisée de votre codage.
Certes, cela ne vous fera gagner, en temps de chargement, que quelques dixièmes de secondes, ou moins encore peut-être, mais ça + ça + ... votre site ne s'en portera que bien mieux ensuite ;)
Un gain de temps impressionnant !
Pour un simple fichier CSS, la compression peut réussir à lui faire gagner un temps de chargement optimisé à plus de 70%, ce qui n'est pas du tout à négliger.
Et si votre site est déjà en ligne, passez-le donc à la 'moulinette' de " GTMetrix " qui vous délivrera, entre autres choses, directement les versions optimisées et compressées de vos différents fichiers CSS ... :)

Et pour travailler sur une une feuille de style ???

Oui, mais, me répondrez-vous, et après, pour travailler sur cette feuille de style ' compressée ' ??? Elle est devenue tellement com...plexe qu'elle en est quasiment illisible ... pas de panique, rien n'est perdu, bien au contraire ;)
CSS compress
CSS compress : un gain de temps bénéfique à tous les sites .
Si vous voulez, de nouveau, rendre votre CSS ' lisible ' pour y effectuer quelques modifications par exemples, deux solutions:
- faire la procédure inverse en ligne.
- beaucoup plus simple et rapide : aller directement sur 'le' site officiel du W3C " W3C CSS Validation service " ( ici : https://jigsaw.w3.org/css-validator/ ) entrez l'url de votre CSS ou faites un copier / coller : la feuille de style sera analysée ET ensuite affichée directement en mode ' décompressé ' = un autre copier / coller et vous pourrez vous remettre au travail sur votre site Internet.
Simple, non ???
Une autre astuce, un autre conseil: si vous avez une copie, en local, de votre site: conservez toujours les deux versions de votre feuille de style:
- normale pour travailler lisiblement dessus et tester vos modifications.
- compressée pour la version optimisée en ligne.
et hop, le tour est joué ...
Mais il ne s'agit pas simplement de ... lire cet article : il faut mettre tout cela en application !!!
bon courage et @+  :)

nota : ceci est un ' article recyclé   '  ...
source : © le blog du référencement efficace - http://longuetraine.fr - soumis à licence CC - accord préalable demandé -