Le module Apache mod_pagespeed de Google

[WebRankInfo]

Google a sorti mod_pagespeed, un nouveau module pour Apache permettant d'optimiser les ressources du serveur, une nouvelle possibilité pour accélérer la vitesse de chargement des pages.



Détails

[deco]

Bonjour,

Je viens de voir ça. C'est quelque chose qui va se greffer directement sur le serveur si j'ai bien compris, donc un hébergement mutualisé chez Ovh par ex c'est cuit?

[seebz]

J'imagine qu'ils l'implémenteront prochainement.

Sinon, d'après ce que j'ai compris, l'extension modifie la source à la volée. j'ai bien peur que ça rende invalide le code généré...
Après faut faire un choix, pour ma part, si le gain est intéressant, je suis pour

[spout]

Merci Olivier.

We’re starting with more than 15 on-the-fly optimizations that address various aspects of web performance, including optimizing caching, minimizing client-server round trips and minimizing payload size.

A tester.

S'il y a des testeurs, les retours sont les bienvenus

[deco]

Ça me plairait bien moi, étant donné que je n'ai pas les compétences pour compresser mes CSS et compagnie pour gagner en rapidité

[Jaunalgi]

C'est un module qui s'occupera de faire le boulot de différents modules Apache comme mod_deflate ou de gzip ou alors c'est une couche supplémentaire?

[Julia41]

Bon, je viens de faire des tests de mon côté, et si le site est codé pour être optimisé, ce mod_pagespeed ne fait rien.
Bon, pour des sites "pas optimisé" (pour pas être méchant) j'ai eu un "bon" gain de perf (de l'ordre de 10%) de mon côté quand même.
Apache consommait un peu plus (très léger toutefois)

Page speed rajoute toutefois un header

Code: Tout sélectionner

X-Mod-Pagespeed

Bon, j'espère qu'ils vont pas améliorer le positionnement de ceux qui auront ce mod sinon on va le rajouter en PHP

Sinon, pas encore de version Lighttpd alors pas pour moi, mais ça peut être pas mal pour des joomla blindé de module.

[bproductiv]

Merci Julia41 pour ce retour

[Bigb06]

Pour ceux que ca intéresse, voici ce que fait principalement ce module (chaque filtre est désactivable, et l'on peut créer ses propres filtres) :
- mesure du temps de chargement via un code js : on peut ainsi connaître les temps de chargement réels sur les navigateurs des visiteurs (inutile si on utilise Jiffy).
- concaténation des fichiers CSS et ajout d'un entête d'expiration
- ajout d'entête d'expiration pour les fichiers spécifiés (images, CSS, JS) pour améliorer la mise en cache.
- minification du code javascript (pour l'instant l'algorithme utilisé est proche de JSMin, mais on peut imaginer que l'équipe Google redéveloppe le moteur de YUI compressor par la suite).
- compression des images PNG et JPG à la volée, et ajoute les attributs height et width à tous les tags img (permet d'accélérer le rendu de la page).

Autres petites améliorations:
- supprimer les espaces multiples dans le code source, les quotes des attributs ainsi que les commentaires HTML
- supprimer les attributs par défaut dans les tags HTML
- copie des petits fichiers javascript directement dans le code source de la page (évite des requêtes supplémentaires).
- copie des petites images directement dans le code source de la page (évite des requêtes supplémentaires - inline images).


Je suis impressionné par la qualité du module et les améliorations apportées, il y a un énorme gain de temps pour les visiteurs, ce qui peut améliorer à la fois la navigation et le référencement. Par contre il ne faut pas croire que ces optimisations sont gratuites, elles prennent un certain temps côté serveur (plusieurs passes sont nécessaires pour analyser/parser/modifier les fichiers/requêtes). A mon avis cette solution est idéale pour les novices qui veulent accélérer leur site rapidement, ainsi que les nouveaux sites. Pour les autres qui avaient déjà commencer à optimiser, ce n'est pas nécessaire. Selon l'article Go Daddy pourrait activer le module pour les sites qu'il héberge, donc pourquoi pas demain les autres hébergeurs français, OVH en tête ?

[Bigb06]

Bon, je viens de faire des tests de mon côté, et si le site est codé pour être optimisé, ce mod_pagespeed ne fait rien.
Bon, pour des sites "pas optimisé" (pour pas être méchant) j'ai eu un "bon" gain de perf (de l'ordre de 10%) de mon côté quand même.

Ca m'étonne qu'il n'y ait que 10%... Est ce que le mod était configuré en full options?

[Duffy]

Merci beaucoup Bigb06 pour la description, dès que j'ai le temps ce soir j'installe ce module sur mon serveur

Sinon l'optimisation n’entraîne pas de problème d'affichage sur certain navigateur ?

[Bigb06]

A mon avis il faut obligatoirement un serveur de préprod pour tester car ca peut effectivement faire des choses étranges... Après certaines options sont sures, comme la compression des images, la minification des js, l'ajout d'entete d'expiration. Mais dès qu'on concatène ou que l'on remplace le code source, mieux vaut tester!

[nza2k]

Hello,

Merci à Olivier pour l'info, et merci à Bigb06 pour la synthèse des modifs.

Ca veut dire quoi "suppression des attributs par défaut dans les tags html" ? "Copie de petites images" ?
Est-ce que les balises alt des images, qu'on a tant pris soin d'optimiser, sont concernées ??? Est-ce que les images ajoutées ne viennent pas polluer le code HTML (d'un point de vue sémantique) ?

Bref, selon vous, pensez-vous que l'optimisation technique se fasse sans nuire à l'optimisation SEO ?

[aladdin]

Pour ceux que ca intéresse, voici ce que fait principalement ce module (chaque filtre est désactivable, et l'on peut créer ses propres filtres) :
- mesure du temps de chargement via un code js : on peut ainsi connaître les temps de chargement réels sur les navigateurs des visiteurs (inutile si on utilise Jiffy).
- concaténation des fichiers CSS et ajout d'un entête d'expiration
- ajout d'entête d'expiration pour les fichiers spécifiés (images, CSS, JS) pour améliorer la mise en cache.
- minification du code javascript (pour l'instant l'algorithme utilisé est proche de JSMin, mais on peut imaginer que l'équipe Google redéveloppe le moteur de YUI compressor par la suite).
- compression des images PNG et JPG à la volée, et ajoute les attributs height et width à tous les tags img (permet d'accélérer le rendu de la page).

Autres petites améliorations:
- supprimer les espaces multiples dans le code source, les quotes des attributs ainsi que les commentaires HTML
- supprimer les attributs par défaut dans les tags HTML
- copie des petits fichiers javascript directement dans le code source de la page (évite des requêtes supplémentaires).
- copie des petites images directement dans le code source de la page (évite des requêtes supplémentaires - inline images).


Je suis impressionné par la qualité du module et les améliorations apportées, il y a un énorme gain de temps pour les visiteurs, ce qui peut améliorer à la fois la navigation et le référencement. Par contre il ne faut pas croire que ces optimisations sont gratuites, elles prennent un certain temps côté serveur (plusieurs passes sont nécessaires pour analyser/parser/modifier les fichiers/requêtes). A mon avis cette solution est idéale pour les novices qui veulent accélérer leur site rapidement, ainsi que les nouveaux sites. Pour les autres qui avaient déjà commencer à optimiser, ce n'est pas nécessaire. Selon l'article Go Daddy pourrait activer le module pour les sites qu'il héberge, donc pourquoi pas demain les autres hébergeurs français, OVH en tête ?

c'est ce que je fais actuellement avec des modules PHP que j'ai développé moi même, et j'admet que ca permet de gagner pas mal.
maintenant si je peux déléguer cette tache au serveur c'est encore mieux : moins de codes PHP = moins de failles potentielles et + de performances.

je fais un test ce soir

[Bigb06]

Ca veut dire quoi "suppression des attributs par défaut dans les tags html" ?

Par exemple :
- les balises input sont de type text par defaut, donc inutile de rajouter l'attribut type="text", ou pour le tag form l'attribut method est par defaut get... (il y en a une vingtaine dans le code source)
- les attributs "doublés" : <option selected="selected"> est réécrit en <option selected>

"Copie de petites images" ?

Si une image est petite en taille (moins de x octets), le fait de l'ajouter directement dans le code source encodée en base64 évite de faire une requête supplémentaire au serveur (une autre solution serait de créer un sprite CSS regroupant plusieurs petites images).

Est-ce que les balises alt des images, qu'on a tant pris soin d'optimiser, sont concernées ??? Est-ce que les images ajoutées ne viennent pas polluer le code HTML (d'un point de vue sémantique) ?

Bref, selon vous, pensez-vous que l'optimisation technique se fasse sans nuire à l'optimisation SEO ?

Les balises alt ne sont pas touchées, les images ne gènent pas. Par contre je pense que le code peut ne plus être valide XHTML si on enlève les quotes par exemple (à vérifier).