Un truc efficace de mod_pagespeed : remplacer les références à des petites images par l'équivalent en base64 ( Data URI scheme ) directement dans la page HTML ou le CSS. Ça augmente un peu la taille de la page, mais une fois compressé en gzip ou deflate ca passe, et surtout ça réduit le nombre de requête.
- https://developers.google.com/speed/docs/mod_pagespeed/filter-image-optimize : voir inline_images
[^] # Re: Réellement efficace ?
Posté par _alex . En réponse à la dépêche Mod_pagespeed : un accélérateur de pages Web. Évalué à 4.
Un truc efficace de mod_pagespeed : remplacer les références à des petites images par l'équivalent en base64 ( Data URI scheme ) directement dans la page HTML ou le CSS. Ça augmente un peu la taille de la page, mais une fois compressé en gzip ou deflate ca passe, et surtout ça réduit le nombre de requête.
- https://developers.google.com/speed/docs/mod_pagespeed/filter-image-optimize : voir inline_images
Il y a moyen de créer des sprites d'image automatiquement (note :je n'ai pas réussi à le faire fonctionner après un test rapide)
- https://developers.google.com/speed/docs/mod_pagespeed/filter-image-sprite
Ou de charger les images uniquement lorsqu'elles sont visibles :
- https://developers.google.com/speed/docs/mod_pagespeed/filter-lazyload-images
Même principe, les petits javascript et les CSS externe peuvent être inclus directement dans la page HTML, ce qui réduit aussi le nombre de requête.
- https://developers.google.com/speed/docs/mod_pagespeed/filter-js-inline
- https://developers.google.com/speed/docs/mod_pagespeed/filter-css-inline
Le regroupement de javascript / css fonctionne bien :
- https://developers.google.com/speed/docs/mod_pagespeed/filter-js-combine
- https://developers.google.com/speed/docs/mod_pagespeed/filter-css-combine
Après il y a des options plus exotiques :
- https://developers.google.com/speed/docs/mod_pagespeed/filter-local-storage-cache
- https://developers.google.com/speed/docs/mod_pagespeed/filter-js-defer