Google PageSpeed est conçu pour vous aider à accélérer votre site Web en appliquant automatiquement les optimisations recommandées aux pages Web et à leurs éléments (CSS, JavaScript, images).
Depuis, c'est l'une des demandes les plus recherchées que nous ayons reçues jusqu'à présent.
Mais veuillez noter que bien que nous ayons installé et activé ceci sur 6 systèmes dans 3 régions, nous testons toujours la plupart des fonctions mod_pagespeed pour la compatibilité , performances , et fiabilité .
Il est important de souligner que mod_pagespeed est toujours en version bêta, ses fonctionnalités peuvent changer et, par conséquent, nous ne pouvons pas totalement garantir que les modules activés n'entreront pas en conflit avec le contenu existant de votre site Web.
Nous utilisons actuellement l'ensemble de filtres PageSpeed CoreFilters qui, selon nous, sont sûrs pour la plupart des sites Web afin d'accélérer la vitesse de votre site.
Voici l'ensemble de filtres fournis avec les paramètres par défaut :
add_head combine_css combine_javascript convert_meta_tags extend_cache fallback_rewrite_css_urls flatten_css_imports inline_css inline_import_to_link inline_javascript rewrite_css rewrite_images rewrite_javascript rewrite_style_attributes_with_url
Vous pouvez voir si votre site Web utilise Mod_Pagespeed à partir de https://ismodpagespeedworking.com/
Mais chaque application, chaque site web, chaque module, chaque plugin est unique et différent. Ce qui fonctionne avec sur le site Web peut rencontrer un problème dans le suivant. Ce qui fonctionne dans un environnement de test/de mise en scène peut rencontrer des problèmes en production.
La beauté de tout cela est que même si PageSpeed s'active pour l'ensemble du serveur (avec des options globales se propageant à tous les VirtualHosts), c'est un comportement qui peut être remplacé par hôte car il permet également de limiter quel(s) hôte(s) PageSpeed fonctionne.
Si vous rencontrez des problèmes avec votre site Web ou si vous avez besoin de tout voir tel qu'il est par défaut ou si vous remarquez que les modifications que vous apportez à votre site Web ne se reflètent pas en temps réel), désactivez Mod_PageSpeed.
Allumer et éteindre le module
Pour désactiver temporairement PageSpeed, définissez simplement ceci sur votre .htaccess :
ModPagespeed standby
OR
ModPagespeed off
Pour le rallumer, remplacez le "standby" ou "off" par "on ”
Si vous souhaitez le désactiver complètement et que vous êtes un VPS ou un client dédié avec un accès administrateur système à la configuration Apache de niveau supérieur, utilisez :
ModPagespeed unplugged
Si vous êtes client d'un VPS ou d'un serveur dédié avec un accès "sudo" ou "root", notez que ModPagespeed activé dans un hôte virtuel peut remplacer une directive ModPagespeed unplugged de niveau supérieur.
Si vous avez besoin d'ajouter quelque chose de plus ci-dessous, ajoutez-le un par un à votre environnement de test/dev/staging, observez comment cela affecte votre site Web avant de le mettre en production.
Vous pouvez consulter votre score sur :
- Insights PageSpeed
- GTmetrix | Optimisation de la vitesse et des performances du site Web
Nous savons que cela pourrait créer une dépendance, mais ne pensez pas au score de 100/100 sur Google PageSpeed Insights uniquement du point de vue des métriques. La raison pour laquelle Google a développé PageSpeed Insights était une ligne directrice sur les meilleures pratiques de performance Web pour fournir des recommandations pour optimiser votre site. Et en suivant les directives, espérons-le, vous obtiendrez un site Web plus rapide.
Les pièges et les choses à surveiller
Lorsque PageSpeed réécrit une ressource, il met à jour le code HTML pour faire référence à la ressource par son nouveau nom. Généralement, PageSpeed laisse la ressource à la même origine et au même chemin que ceux trouvés à l'origine dans le code HTML. Cependant, il est possible de mapper le domaine des ressources réécrites. Voici des exemples de raisons pour lesquelles cela pourrait être souhaitable :
mod_pagespeed peut réécrire le HTML et modifier les références aux URL (par exemple, style.css) en une version étendue du cache. Si la requête suivante du navigateur pour le fichier CSS se termine sur un serveur différent du fichier HTML et que ce serveur n'a pas installé mod_pagespeed, il ne pourra pas décoder le nom de la ressource pour trouver le fichier CSS.
Ce type de scénarios pourrait être :
– si le serveur est derrière un équilibreur de charge, et il est plus efficace de référencer le serveur directement par son adresse IP, ou en tant que "localhost". – le serveur a une configuration DNS spéciale – le serveur est derrière un pare-feu empêchant les connexions sortantes – le serveur s'exécute dans un CDN ou un proxy, et doit retourner au serveur d'origine pour les ressources – le serveur doit traiter les requêtes https
Dans ces situations, il est possible de mapper le domaine d'origine des ressources réécrites :
ModPagespeedMapOriginDomain origin_to_fetch_from origin_specified_in_html [host_header] ModPagespeedMapRewriteDomain cdn.example2.org *example.org ModPagespeedMapOriginDomain localhost *.example.com # Wildcards can also be used in the origin_specified_in_html. ModPagespeedMapOriginDomain localhost/example *.example.com # origin_to_fetch_from can include a path after the domain name.
ex :
ModPagespeed On ModPagespeedDomain https://www.domain.com ModPagespeedMapOriginDomain https://www-origin.domain.com *.domain.com ModPagespeedMapRewriteDomain www.domain.com www-origin.domain.com ModPagespeedEnableFilters [...]
Cloudflare et Mod_PagesSpeed
Jusqu'à ce qu'on nous montre le contraire, nous pensons en quelque sorte que le mod_pagespeed de Google et Cloudflare n'ont aucun conflit connu pour le moment.
Cependant, cela ne signifie pas que les sites Web avec mod_pagespeed activé ne peuvent pas rencontrer de problèmes avec les domaines utilisant CloudFlare.
Si cela se produit, c'est parce que CloudFlare et mod_pagespeed tentent d'utiliser la compression lors du service du site Web.
Cela peut souvent être résolu en désactivant la compression via CloudFlare pour éviter la redondance.
De plus, si vous avez ajouté des minifications CSS et JS à votre fichier .htaccess, désactivez les options minify JS et CSS dans Cloudflare puisque vous les avez déjà activées dans la configuration de Pagespeed.
Le CDN et les services d'optimisation de Cloudflare peuvent être plus rapides car Cloudflare est également un CDN (réseau de diffusion de contenu), donc l'exécution de mod_pagespeed sur un site Web compatible Cloudflare peut probablement être quelque peu redondante puisque de nombreuses fonctionnalités offertes par mod_pagespeed sont également déjà disponibles dans la fonctionnalité de Cloudflare ensemble.
WordPress et Mod_PageSpeed
Bien qu'il s'agisse du CMS le plus populaire sur la planète, du point de vue des développeurs, WordPress n'est pas la plate-forme la plus rapide.
Ainsi, les clients utilisant WordPress doivent souvent utiliser des plugins WordPress qui traitent de la minification des fichiers JS et CSS pour accélérer l'application.
Soyez prudent avec ces plugins si vous les utilisez sur votre site Web avec PageSpeed car ils peuvent complètement bousiller votre site et vos formulaires de contact. Nous vous recommandons de les désactiver d'abord, puis de les rajouter progressivement si vous devez les utiliser.
En règle générale, vous devez évitez absolument d'utiliser trop de plugins et devrait supprimer ou désactiver les plugins qui ne sont pas utilisés et utiliser de petits ajustements en utilisant un codage personnalisé plutôt que d'installer des plugins monstres qui chargent 2-3 fichiers JavaScript ou CSS.
Soyez prudent lorsque vous utilisez ces deux outils ensemble car cela peut prendre du temps avant que les conflits n'apparaissent. Testez, testez et testez à nouveau avant de l'activer complètement pour votre ou vos sites Web WordPress.
Pagespeed peut optimiser les formats d'image les plus courants, notamment GIF, PNG et JPEG, et les convertir en PNG, JPEG ou WebP. GIF, PNG et JPEG sont pris en charge par tous les navigateurs. WebP est un format d'image moderne qui peut compresser les images plus de 25 % de plus que les formats plus anciens et qui est actuellement pris en charge par de nombreux navigateurs, notamment Google Chrome, Android 4.0+ et Opera. Notez que tous les navigateurs ne le prennent pas en charge :https://caniuse.com/#search=webp. Les images optimisées pour PageSpeed sont converties au meilleur format pris en charge par le navigateur cible, c'est-à-dire en WebP s'il est pris en charge, ou en PNG ou JPEG dans le cas contraire.