creation sites responsive québec et seo
sites web responsive web design seo

Doubler la vitesse de chargement de votre site web avec le module Pagespeed

Le module Pagespeed de Google est un outil qui mérite d'être essayé. Vous pouvez gagner jusqu'à 50% en performance sur votre site web

Nous avons parlé récemment de comment optimiser la performance d’un site web ou plutôt comment optimiser le temps de chargement d'un site web.  Aujourd’hui, j’aimerai vous parler d’un petit extra qui peut vous donner encore un très bon coup dans l'amélioration de la vitesse de chargement de votre site. Il s'agit d'un module Apache Open source appelé PageSpeed créé par google il y a quelques années.

booster la vitesse de chargement de votre site via pagespeed

Google a mis en place il ya quelques années un module PageSpeed ​​ qui peut accélérer drastiquement la vitesse de chargement de votre site. Ce module de serveur open-source applique automatiquement les meilleurs pratiques web concernant la performance. L'optimisation est appliquée aux pages ainsi qu'aux assets associés comme les CSS, les javasccipt et les images sans que vous modifiiez votre contenu.

 

Chaque optimisation est mise en œuvre sous forme d'un filtre personnalisé dans PageSpeed et par la suite exécutée lorsque le serveur HTTP sert les assets du site. Certains filtres modifient simplement le contenu HTML, et d'autres filtres changent les références vers les CSS, les JavaScript, ou les images pour pointer vers des versions plus optimisés. PageSpeed mis en œuvre des stratégies d'optimisation personnalisées pour chaque type de fichier afin de réduire sa taille, de réduire le temps de son chargement et de prolonger la durée de vie de son cache. Ces optimisations incluent également la combine et minifying des fichiers JavaScript et CSS. Bref, ce module fait pour vous l'ensemble des manipulations que vous devrez faire manuellement ou via plusieurs utilitaires. 

Plusieurs hébergeurs web ont déjà installé le module sur leur serveurs, mais pas tous. Si vous avez votre propre serveur dédié, n’hésitez pas à l’installer vous-même. C’est simple et efficace.

Pour l’installer, il ya deux façons, soit via le terminal SSH ou via le WHM si vous avez l’interface Cpanel d’installée.

Installation de PageSpeed via le WHM (Cpanel).

Malheureusement, nous ne pouvons pas choisir directement le Mod_pageSpedd directement dans le liste des modules via EasyApache. Il faut faire faire quelques petites manipulations rapides via le terminal SSH.

Le Git est déjà installé avec Whm, mais il faut l’exécuter avec la commande suivante en se connectant via votre terminal (root) , cette commande va coloner le répertoire de Github vers un répertoire temporaire de votre serveur.

#/usr/local/cpanel/3rdparty/bin/git clone https://github.com/pagespeed/cpanel.git /tmp/pagesspeed/

 Par la suite, exécuter ligne par ligne les commandes suivantes :

 #cd /tmp/pagespeed/Easy

#tar -zcvf Speed.pm.tar.gz pagespeed
#mkdir -p /var/cpanel/easy/apache/custom_opt_mods/Cpanel/Easy
#mv Speed.pm Speed.pm.tar.gz -t /var/cpanel/easy/apache/custom_opt_mods/Cpanel/Easy/
#cd && rm -rf /tmp/pagespeed
 

 Maintenant, vous pouvez vous connecter sur votre serveur via l’interface WHM, allez dans Home »Software »EasyApache (Apache Update),  sélectionnez le module Mod_PageSpeed et faire recompiler. C’est tout, le module est installé et en marche. Par défaut le module est à activé. Tous les sites hébergés sur votre serveur bénéficient de ce module. Le module PageSpeed installe par défaut plusieurs fonctionnalités pour rendre votre site performant, cependant, vous pouvez ajouter et modifier les fonctionnalités pour tirer encore plus d'avantage.

 

installation Pagespeed via WHM - Cpanel

·     

Installer le module Mod_pagespeed via le terminal SSH de votre serveur:

 
Les plateformes supportées :

·         CentOS/Fedora (32-bit and 64-bit)

·         Debian/Ubuntu (32-bit and 64-bit)

·         Pour installer le package sur Debian/Ubuntu, exécuter cette commande :

#sudo dpkg -i mod-pagespeed-*.deb
#sudo apt
-get -f install

·         Pour CentOS/Fedora, please execute:

# sudo yum install at  # si 'at'  n’est pas installé. 
# sudo rpm
-U mod-pagespeed-*.rpm

C’est tout. Le module PageSpeed est normalement en marche et activé.

 

Tester si Pagespeed est installé sur votre serveur et fonctionne correctement:

Pour vérifier si Pagespeed est installé sur votre serveur et que votre site bénéficie de ses fonctionnalités, tapez ceci sur votre terminal SSH:

votresite.com est le vrai nom de votre site. Si vous utilisez la redirection sans www vers avec www, tapez www.votresite.com à la place.

 # curl -D- http://votresite.com | less

 Vous devez voir quelque chose comme ca :

Apache:

Date: Thu, 25 Apr 2013 19:16:32 GMT

Server: Apache/2.2.3 (CentOS)

...

X-Mod-Pagespeed: 1.4.26.2-2759

...

Nginx:

Date: Thu, 25 Apr 2013 19:16:32 GMT

Server: nginx/1.4.0

...

X-Page-Speed: 1.5.27.1-2845

 

Pour finir, vous pouvez utiliser le site webpagetest.org pour savoir combien vous allez gagner en performance si vous installez pagespeed. 

Vous pouvez également utiliser des outils en ligne comme gtmetrix.com ou dareboost.com pour mesurer le gain en performance avant et après.

Pour plus d’information sur le fonctionnement de ce module ainsi que ses options, visitez la page officiel de Google PageSpeed (anglais malheureusement).

Dites nous dans les commentaires si vous utilsez Mod_pageSpeed et si vous êtes satisfait!! merci.

 

Lire aussi:

Tendances de SEO pour 2015: Contenu, mobile et vitesse ?

L’importance de la performance web

 

 

 

Jamal El Khaiat, M. Sc., Conseiller en solutions web, l'optimisation pour les moteurs de recherche (SEO) et le marketing numérique. 

Nos clients sont satisfaits et vous ?

Médias sociaux

95 % de nos clients sont sur les médias sociaux.

Nos projets

85 % de nos projets son réalisés dans une intervalle de 4 semaines.

Nos clients

100% de nos clients ont un site web fantastique, c'est la raison pour laquelle vous devez faire affaire avec nous :).

Responsive Web Design

100 % de nos clients ont un site web responsive (S'adapte aux smartphones et tablettes).