mod_pagespeed et ngx_pagespeed. Modules Google pour Apache et NGINX Webserver pour améliorer les performances.

Lorsqu'il s'agit de charger un site Web, la vitesse est essentielle. Avec les connexions Internet haut débit modernes, les gens s'attendent généralement à des résultats instantanés lorsqu'ils naviguent sur le Web, et si votre site se charge trop lentement, il est susceptible de se fermer et de passer au suivant. Nous devons résoudre le problème maintenant, c'est une question de business et de perte de revenus ainsi que de positionnement. La vitesse n'est plus une option mais un devoir de tout site professionnel qui se respecte et qui a tendance à bien faire en ligne.

Qu'est-ce que mod_pagespeed ?

Un certain nombre d'aspects peuvent affecter la vitesse de chargement de votre site Web, des performances du matériel de votre serveur au logiciel que vous exécutez dessus et au code de votre site Web. Alors que la plupart des logiciels s'installent avec une configuration conçue pour permettre à la plupart des utilisateurs d'être opérationnels, elle n'est parfois pas aussi efficace qu'elle pourrait l'être. Lors de l'utilisation du serveur Web Apache ou du serveur Web NGINX, ses performances de service de fichiers peuvent être améliorées en utilisant le module mod_pagespeed de Google. Ce module effectue quelques optimisations sur le code HTML et Javascript pour réduire sa taille, ainsi que la mise en cache des fichiers modifiés pour accélérer la livraison depuis le disque. Le couplage avec Memcached permet à mod_pagespeed de stocker les fichiers modifiés en mémoire plutôt que sur le disque pour accélérer davantage la livraison des fichiers.

Quand dois-je utiliser Mod_PageSpeed ?

Mod_PageSpeed ​​​​est une bonne option pour les sites confrontés aux scénarios suivants :

Pas d'historique d'optimisation - N'importe quelle optimisation vaut mieux que pas d'optimisation. Ce module contient de nombreuses bonnes pratiques que vos développeurs peuvent appliquer immédiatement.

Sites statiques - Si votre site est principalement composé d'images statiques et de contenu qui ne change pas fréquemment, ce module vous aidera instantanément en compressant les images et en facilitant l'utilisation de votre HTML.

Aux côtés de vos serveurs Apache ou Nginx - Il s'agit d'un serveur de plug-in pour ces serveurs Web spécifiques. Idéal pour les sociétés de médias et autres sites à contenu important qui hébergent et gèrent leurs propres serveurs.

Pas de budget pour la vitesse - Si vous avez utilisé tout votre argent sur un CDN, ce module est une bonne option pour l'optimisation du front-end car il est open source. Cependant, les ingénieurs système doivent l'installer, le configurer et le mettre à jour à mesure que votre site Web change.

Mais il n'y a pas de plugins WordPress pour augmenter la vitesse ?

Si vous venez de vous poser cette question, sachez que vous avez probablement raison, mais de votre point de vue. En fait, vous prenez pour acquis que tout le monde utilise des CMS tels que WordPress, Joomla, Drupal, Magento, où il existe déjà des plugins pour obtenir de bonnes performances côté application. En vérité, il existe des sites personnalisés qui ont été développés sans tenir compte d'une optimisation côté application et comme ils ne sont pas modulaires, ils n'ont pas la possibilité d'installer de plugin ou de module pour des performances au niveau applicatif.

Dans ces cas soit vous revoyez complètement le code, le javascript et ainsi de suite, soit vous comptez sur mod_pagespeed qui fera l'optimisation pour vous de manière absolument transparente sans avoir à mettre la main sur une seule ligne de code pour votre application.

Même lorsque vous utilisez Plugin for WordPress, vous souhaitez peut-être améliorer la fonctionnalité en éliminant certains plugins coûteux et onéreux (du point de vue de la charge du serveur et de la vitesse PHP) pour déléguer les principales fonctions d'optimisation (minification JS, CSS, HTML, redimensionner les images pour mobile, transformation Webp, chargement asynchrone, au-dessus de la ligne de flottaison et autres) directement vers un module natif écrit en C et donc extrêmement performant même pour les sites à forte charge (des dizaines de milliers de visites par minute).

Par exemple, vous pouvez laisser les fonctions de minification JS et CSS déléguées à certains plugins WordPress tels que W3 Total Cache ou WP Rocket et activer la diffusion d'images webp (qui pèsent environ 50% de moins que déjà écrit dans cet article) directement depuis mod_pagespeed.

Filtres Mod_pagesepeed, ce qu'il peut faire.

Une liste des optimisations disponibles mises en œuvre par le SDK d'optimisation de PageSpeed ​​​​de Google.

Les modules PageSpeed ​​​​peuvent optimiser automatiquement la latence des pages Web et l'utilisation de la bande passante en optimisant le contenu pour mettre en œuvre les meilleures pratiques en matière de performances Web.

La réduction du nombre de requêtes vers un seul domaine, l'optimisation des politiques de cache et la compression du contenu peuvent considérablement améliorer les performances Web et conduire à une meilleure expérience utilisateur.

Avec les filtres d'optimisation de PageSpeed, il devient beaucoup plus facile d'appliquer certaines de ces meilleures pratiques, qui fournissent une solution qui accélère efficacement et sans effort vos applications Web. L'optimisation se fait sur le serveur et fonctionne quel que soit le framework ou le langage utilisé.

• Ajouter un en-tête
• Combiner les têtes
• CSS en ligne @import
• CSS de contour
• Contour JavaScript
• Déplacer CSS au-dessus des scripts
• Déplacer CSS vers la tête
• Combiner CSS
• Réduire le CSS
• Fallback optimiser les URL CSS
• Optimiser les attributs de style
• Optimiser les attributs de style avec les URL
• Aplatir les importations CSS
• Donner la priorité aux CSS critiques
• Google Analytics asynchrone
• Minify JavaScript
• Réécrire le JavaScript externe
• Réécrire JavaScript en ligne
• Comprend des cartes source JS
• Combiner javascript
• Canonicaliser les bibliothèques JS
• CSS en ligne
• Police Google en ligne
• JavaScript en ligne
• Cache de stockage local
• Insérer Google Analytics
• Optimisation des images
• JPEG à progressif
• PNG en JPEG
• JPEG vers WEBP
• Convertir en WEBP sans perte
• Insérer les dimensions de l'image
• Images en ligne
• Recompresser les images
• Recompresser les JPEG
• Recompresser les PNG
• Recompresser les WEBP
• Convertir des GIF en PNG
• Profils de couleur de bande
• Supprimer les métadonnées de l'image
• Réduire le sous-échantillonnage JPEG
• Redimensionner les images
• Redimensionner aux dimensions
• Images d'aperçu en ligne
• Redimensionner les images mobiles
• Supprimer les commentaires HTML
• Couper les espaces blancs en HTML
• Attributs Elide
• Étendre le cache
• Étendre le cache pour CSS
• Étendre le cache pour les images
• Étendre le cache pour les scripts
• Étendre le cache pour PDF
• Images CSS Sprite
• Réécrire les domaines
• Couper les URL
• Pédant
• Supprimer les guillemets
• ajouter-instrumentation
• Convertir les balises méta
• Différer le javascript
• Dédupliquer des images
• Chargement paresseux d'images
• Insérer la prélecture DNS
• IPRO

Comme vous pouvez le constater, les fonctionnalités sont vraiment nombreuses et doivent être activées en fonction de votre thème et de votre site. Tous les sites ne sont pas identiques et l'activation de certaines fonctionnalités incompatibles pourrait « casser » le bon fonctionnement des scripts Javascript ou des éléments CSS, produisant un effet visuel incorrect appelé pagination ou pagination de mise en page.

La philosophie idéale est d'activer au moins les filtres pour les images, et d'en activer progressivement d'autres tant que vous obtenez un bon résultat de performance sans casser le bon fonctionnement du site et le bon affichage.

Puis-je l'utiliser sur un hébergement mutualisé, un VPS ou un serveur dédié ?

mod_pagespeed ou NGX_Pagespeed pour fonctionner ils doivent être installés au niveau Apache ou NGINX et donc le WebServer. Il est possible de le faire dans n'importe quel contexte dans lequel l'utilisateur a accès à une instance Linux avec des privilèges root tant qu'il a évidemment d'excellentes compétences système puisqu'il s'agit d'une opération effectuée au niveau du shell comme vous le voyez ci-dessous.

Dans l'hébergement partagé, cette fonction n'est normalement pas fournie car mod_pagespeed et ngx_pagespeed manquent plutôt de ressources et les activer dans un environnement partagé signifierait pour les entreprises qui vendent un hébergement à bas prix de voir "obstruer" leurs machines et de ne pas pouvoir continuer les pratique barbare de survente (remplissage excessif d'un serveur avec de nombreux sites clients, avec une capacité supérieure à celle recommandée) et par conséquent, il n'est pas activé ou même délibérément désactivé.

mod_pagespeed, cPanel et Plesk

Les deux panneaux de contrôle d'hébergement les plus utilisés au monde offrent la possibilité d'étendre les fonctionnalités ainsi que l'installation de mod_pagespeed en tant qu'étape supplémentaire. La procédure à suivre n'est pas si différente de ce que vous feriez dans un environnement sans panneau de configuration car elle doit être effectuée à partir de la ligne de commande comme dans l'écran supérieur et nécessite également des privilèges root (super utilisateur) pour télécharger, compiler, installer et configurer le module pagespeed pour Apache ou NGINX

Considérant qu'à l'époque par des ingénieurs système professionnels avec plus de 10 ans d'expérience, notre première installation fonctionnelle de ngx_pagespeed (très bien calibrée) pour résoudre quelques petits mais sérieux problèmes de la configuration standard, a pris environ une semaine, nous doutons qu'un utilisateur final à jeun les notions systémiques et la connaissance de Linux peuvent être en mesure d'implémenter ce module seul sans risquer de gros dommages à l'installation ou une configuration incorrecte du module qui au mieux peut rester inactif, inefficace et au pire casser le javascript et la mise en page du site .

Vous pouvez éventuellement demander à votre Hébergement s'il active et configure mod_pagespeed ou ngx_pagespeed sur votre panel, mais ne partez pas du principe que cela peut se faire facilement depuis votre hébergement ou que cela peut se faire gratuitement, mais surtout que cela peut fonctionner correctement.

Beaucoup de nos clients nous ont dit que certains hébergeurs ont refusé l'implémentation en disant qu'elle n'était pas incluse dans leur plan d'hébergement et surtout que cPanel et Plesk ne prennent pas en charge les modules de vitesse de page.

Hébergement Mod_pagespeed et ngx_pagespeed

La meilleure solution clé en main dans laquelle vous n'aurez à penser à rien est de vous fier à une entreprise comme la nôtre (pas nécessairement la nôtre) qui vous offre un service déjà inclus dans les plans d'hébergement haute performance et sur Serveurs Dédiés, va installer, configurer et calibrer les fonctionnalités de ngx_pagespeed sur votre site, en ayant la prévoyance d'activer les fonctions compatibles avec votre site et de désactiver les autres qui peuvent également nuire gravement.

Nous avons la pile ngx_pagespeed de plus ce n'est pas seulement une valeur ajoutée tangible en soi, mais un composant d'une pile logicielle assez avancée et très bien configurée (probablement le meilleur du marché) que vous pouvez examiner dans le graphique suivant.

Utiliser notre Hébergement, c'est non seulement avoir les meilleures performances du marché mais aussi la meilleure gestion des attaques DDOS et une gestion optimale des processus de sécurité, de sauvegarde et de reprise après sinistre, ainsi qu'une surveillance et une assistance constante 24h/365, XNUMXj/an avec délais d'intervention très rapides.