Cette section est close pour le moment.
Mais je n'arrête pas la veille, loin de là. Retrouvez mes projets sur Github et sur cette page qui sera à jour plus régulierement


Ressources

Définition de ressource : (nom féminin) Qui peut fournir ce dont on a besoin.
Vous l'aurez compris, sur cette page ce ne sont pas vraiment des tutoriels, c'est plutôt des penses-bêtes plus ou moins fournis mais qui vous permettront d'avoir des bases concernant la programmation.
Recherche par tag

Compression des fichiers css et js pour charger plus vite vos pages

Compression des fichiers css et js pour charger plus vite vos pages
Publication : Le 02/10/2012 à 13:56:12

Introduction

Toujours dans l'optique d'accélérer l'affichage d'une page, nous allons voir comment gagner quelques centièmes de secondes. Peu certes, mais c'est toujours ça de gagner. Surtout que la mise en place d'une compression de fichier CSS est quelque chose de très rapide.

Compression via .htaccess

Dans votre fichier .htaccess vous pouvez demander à compresser vos fichiers.

Il vous faudra gzipper avec ces lignes :
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>

Compression manuelle

Des sites vous permettent de compresser vos fichiers. Par exemple cleancss.com, qui va vous permettre de choisir le type de compression (tout le css en une ligne, ou une ligne par style).

Vous trouverez d'autres sites pour la compression de fichier JS. Sachant que beaucoup de script js sont disponibles en mode développeur (espacé, indenté, etc) et en mode minimaliste (en une ligne).

Conclusion

Certes c’est quelques millièmes de seconde qui seront économisés, mais la compression fait partie des bonnes pratiques à mettre en place lors de la conception du site web.

Sur le même thème

Compression des fichiers css et js pour charger plus vite vos pages
Publication : Le 02/10/2012 à 13:56:12

Tags

Tags : jQuery - js / CSS / htaccess

Suggestion :

Mettre fin au flottement des feuilles de style

Mettre fin au flottement des feuilles de style