Accès rapide


Derniers ajouts (08/01):
Chibi Devi! 11 & 12

Suggestions

Vote pour printemps 2012:
Sora no otoshimono
Asobi ni iku yo
Tantei opera Milky Holmes

Flash ≠ Web

Flash ce n'est pas du web

Compresser le texte, le CSS et le javascript

Arrêtez-moi si je me trompe, mais j’ai comme l’impression que Fansub Streaming est bien plus rapide à présent. Mais pourquoi je n’y ai pas pensé plus tôt ? :pff:

Résumons: jusqu’à présent, j’utilisais une mise en cache des pages avec WP Super Cache. Ça permet au serveur d’envoyer une page statique, pré-générée, pour les pages les plus consultées. Moins de requêtes PHP-SQL, côté serveur c’est très bénéfique.

YSlow, l’outil de mesure de temps de chargement des pages de Yahoo, me recommandait de compresser les composants. En effet, s’il est inutile de compresser les images ou vidéos, les gains sont substantiels pour les textes, donc notamment le texte brut, le XML, le HTML, le CSS, le javascript.

Bah je vous laisse constater les résultats selon Web Developer:

Ça peut paraitre négligeable, mais…


Mettre en place

En fait, c’est extrêmement simple. Il suffit de modifier le fichier .htaccess à la racine de votre hébergement, si l’on a pas accès aux fichiers de configuration d’Apache (autrement: ajouter la ligne dans le VirtualHost).

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript application/x-javascript

Tout simplement. Vous pouvez ajouter les types MIME pour lesquels les données seront compressées (beaucoup moins utile, pas besoin de charger le serveur pour un gain de quelques octets).

  • image/gif image/jpeg image/png image/svg+xml
  • application/pdf application/x-shockwave-flash application/msword application/vnd.oasis.opendocument.text
  • audio/mpeg audio/ogg audio/x-ms-wma
  • video/mp4 video/x-ms-wmv video/x-flv video/ogg video/webm

Facile, non ? ;)

3 commentaires sur Compresser le texte, le CSS et le javascript

  • adre

    Attention malgré tout à ne pas oublier :

    et

    Mais bon, ça ne vaut pas une simple compression logicielle des CSS et JS en gzip.

  • adre

    Bon, les commentaires sont apparemment mal gérés car mes balises ont été supprimés : c’est IfModule mod_deflate.c et /IfModule (encadrés par les signes supérieur, inférieur).

  • Ils ne sont pas mal gérés, les tags HTML non autorisés sont enlevés, question de sécurité :p Je te laisse imaginer le drame si l’on pouvait insérer des iframes ou du javascript dans les commentaires…

    En fait, il faut encadrer avec les balises « code » et entrer les codes ASCII pour les signes < et >. (donc #60; et #62;, en ajoutant un & devant)

    <ifmodule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript application/x-javascript
    </ifmodule>

Laisser un commentaire


Vous pouvez utiliser ces tags HTML (exemple: <b>votre texte en gras</b>)

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:) :( ;) :x :roll: :rouge: :pff: :p :mrgreen: :jap: :-?