Tutoriels • Dév
Configurer le module Google PageSpeed
Dans cet article, la méthode pour activer ou désactiver sélectivement les filtres PageSpeed liés à l'option SEO supplémentaire sera présentée.
10
Vues 1818Mis à jour 2 aniPublié le 04/06/2020par Alexandru Jurca
Introduction
- Dans le cas où l'activation de l'option SEO supplémentaire et implicitement du module Google PageSpeed crée des différences indésirables au sein du site, que ce soit visuellement ou fonctionnellement, divers composants du module peuvent être désactivés de manière sélective en modifiant le fichier .htaccess.
Exigences
- Les détails d'accès au panneau de contrôle (Plesk ou cPanel, selon le cas), pour éditer le fichier .htaccess via le gestionnaire de fichiers.
Étapes
- Pour vérifier si le module PageSpeed est responsable du problème rencontré, il est possible de désactiver l'ensemble du module en ajoutant dans le fichier .htaccess, du répertoire racine du site, la ligne suivante :
ModPagespeed off
- Après cette étape, si le site se charge correctement, les lignes ajoutées ci-dessus seront supprimées et le processus continuera pour identifier l'élément spécifique responsable de l'affichage erroné.
- Une première étape consisterait à vérifier les erreurs reçues lors du chargement de la page en y accédant avec le Mode Développeur depuis le navigateur, le raccourci général pour l'activation étant F12 pour les navigateurs habituels. Par exemple, une erreur de chargement pour le JS ou le CSS indiquera un possible conflit avec les filtres PageSpeed, qui interagissent avec ces éléments.
Pour désactiver un filtre spécifique, la règle suivante doit être ajoutée au fichier .htaccess :
ModPagespeedDisableFilters nom_du_filtre
Où name_filter sera remplacé par l'identifiant souhaité.
- Alternativement, le mode de fonctionnement de PageSpeed peut être modifié, de sorte que vous puissiez activer sélectivement chaque élément souhaité en définissant :
ModPagespeedRewriteLevel PassThrough
Ensuite, les éléments souhaités pour l'activation seront spécifiés comme suit :
ModPagespeedEnableFilters nom_du_filtre
De plus, nom_filtre sera remplacé par l'identifiant souhaité.
- Un fichier .htaccess peut également être créé avec ces règles dans un sous-répertoire contenant des styles (CSS, Javascript, HTML). De cette façon, les règles préférentielles s'appliqueront strictement à ce sous-répertoire.
- Les éléments qui sont activés par défaut lors de l'activation de l'option SEO supplémentaire sont :
*Ce sont également les identifiants que vous pouvez utiliser dans les règles .htaccess.
-
- add_head
Ajoute un élément de type <head> au document s'il n'existe pas déjà. - combine_css
Combine plusieurs éléments CSS en un seul. - combine_javascript
Combine plusieurs éléments JavaScript en un seul. - remove_comments
Supprime les commentaires des fichiers HTML traités. Cependant, il ne supprime pas les commentaires CSS ou JavaScript en ligne. - sprite_images
Combinez les images de fond CSS en un seul Sprite. - collapse_whitespace
Supprime les espaces vides des fichiers HTML, à l'exception des balises : "pre, script, style, textarea" - lazyload_images
Charge les images uniquement lorsqu'elles deviennent visibles dans la page. - convert_meta_tags
Ajoute un "en-tête de réponse" pour chaque "meta" tag avec un attribut "http-equiv". - extend_cache
Prolonge le temps de conservation du cache lié aux images, aux éléments CSS et aux scripts qui n'ont pas été optimisés, en signant les URL avec un hachage de contenu.
Les filtres suivants sont implicitement actifs si extend_cache est activé :
extend_cache_css
extend_cache_images
extend_cache_scripts
Pour un niveau de contrôle supérieur, les filtres mentionnés ci-dessus peuvent être activés individuellement - fallback_rewrite_css_urls
Réécrivez les URL des ressources qui n'ont pas pu être minimisées ou traitées à partir des fichiers CSS. - flatten_css_imports
Remplace récursivement chaque règle @import par le contenu du fichier CSS importé pour réduire le nombre de requêtes externes. - inline_css
Ajoute de petites ressources CSS externes au document HTML sous forme intégrée. - inline_import_to_link
Transforme les balises "style" contenant uniquement du CSS @import en balises équivalentes "link" - inline_javascript
Réécrire les ressources JS de petite taille en lignes dans le document HTML. - rewrite_css
Réécrit les fichiers CSS pour supprimer les commentaires et les espaces excessifs. - rewrite_images
Optimise les images en les modifiant et en supprimant les pixels supplémentaires.
De plus, il ajoute de petites images en ligne dans le document. - rewrite_javascript
Réécrit les fichiers JavaScript, supprime les espaces superflus et les commentaires. - rewrite_style_attributes_with_url
Réécrit le CSS des attributs de style s'il contient le texte "url(" en utilisant le filtre rewrite_css configuré.
- add_head