07/05/2015

Optimiser son serveur pour être pagespeed friendly google

 

On peut atteindre un grade A 98% sur pagespeed et yslow (mesuré sur gtmetrix)
C'est un thème que j'ai optimisé bien entendu, mais basé sur magento 1.7 il faudrait que je teste sur la dernière version. Mais je pourrais obtenir les mêmes perf sur prestashop (je m'y met), avec les produits de démo, j'arrive en page 1-3 en ajoutant le nom de la couleur

Google ferme son service Pagespeed as a service, je vous explique comment l'installer chez vous

A l'origine j'allais juste faire un article parceque google a annoncé la fermeture de son service pagespeed as service, ce service aurait pu permettre à des sites qui sont hébergé sur des mutualisés de bénéficier des même optimisations serveur que ce que vous pouvez avoir sur un serveur dédié. Google proposait ce service sur invitation, j'avais postulé mais je n'ai reçu que le message de sa fermeture. Je vous propose de l'installer chez vous.




Comment optimiser son serveur pour passer les tests de performance google ?


Il suffit d'utiliser ses outils qui génèrent la notation de ces critères. Comment atteindre ces critères ? installez le module qu'il a créé pour atteindre les mêmes objectifs.

Voila l'url https://developers.google.com/speed/pagespeed/module

Il y a une version apache et une version nginx

Qu'est-ce que ça fait ? En gros c'est comme si vous pondiez du code pourri, et que google passait son correcteur orthographique et appliquait les bonnes pratiques lui même. Ton CMS t'envoie tout les javascripts dans l'en-tête, tu peux pas le minifier ? pagespeed le fait pour toi.

Il faut ensuite l'activer soit au niveau du fichier de conf d'apache soit au niveau du fichier .htaccess

pagespeed on;

Ensuite Il suffit de mettre des filtres

    ModPagespeedEnableFilters defer_javascript

et voila il va te mettre tous tes javascripts qui peuvent être chargé après coup dans le footer.

Tu veux optimiser tes images ?

    ModPagespeedEnableFilters rewrite_images

Je ne dit pas que ça ne bouffe de la capacité serveur, mais ensuite il fera un cache, donc c'est pas bien grave. De base vous allez atteindre le grade B facilement.

Cà ajoutera les date de cache-control à vos images

Ensuite vous pouvez être plus précis avec les filtres.


Il existe des configurations rapides à appliquer :

PassThrough, CoreFilters, and OptimizeForBandwidth.


CoreFilters peut être utilisé en toute sécurité, il applique ces filtres 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

Juste avec ces options, vous avez optimisé vos css en les combinant en un seul (parfois il en fait plusieurs quand même), vous avez optimisé vos javascripts et optimisé vos images sans perte.

On peut désactiver des filtres par exemple
ModPagespeedDisableFilters  convert_meta_tags
Si vous vous retrouvez avec un magento qui vous affiche un fichier xml rouge sur fond jaune, désactiver cette fonction vous sera utile.

Vous pouvez mettre des options un peu plus aggressives, lazy loading, conversion de gif en png , de png  en jpg


On peut tester toutes les options à cette adresse avec le code source avant, et ce que ça donne après

http://www.modpagespeed.com/


Lorsque j'active mod_pagespeed mon site est pété

Si vous voyez que le site péte, pour voir le site sans modif, ça vous permettra d'identifier si c'est un problème serveur réél ou si c'est mod_pagespeed qui fait des siennes.

http://votreurl.com?ModPagespeed=off

Tien pendant que j'écris ce post je m'aperçois qu'ils ont ajouté un panneau d'administration pour activer les options.

https://developers.google.com/speed/pagespeed/module/admin

Attention obtenir un score élevé ne veut pas forcément dire que votre serveur sera performant, en réalité on peut atteindre 99/100 mais avoir une page qui se charge en 10secondes. Les pages sont précalculés et mises en cache.

Cela n'empêche pas d'utiliser un cache varnish pour accélérer encore plus les performances de votre site. Je vous ai montré avec magento parcqu'il est réputé comme très lourd, on voit bien que c'est possible d'optimiser les perf, même s'ils s'agit ici d'une démo hébergé sur un serveur dédié (un vieux)

Donc là, c'est le moment d'aller vous occuper de votre serveur et de venir commenter mon article. De cliquer sur les produits sponsorisé qui sont sur le site (style seocockpit, yooda, ...) ça me permettra de payer ce serveur dédié ;-)

Avis de recherche futur commerçants ou partenaires


Je recherche un futur commerçant qui veut vendre des bikinis, sacs, bijoux et consoles, j'ai les noms de domaine, je met la boutique en place, venez avec votre stock, votre logistique, vos fiches produit, prévoyez des sous pour la promotion et les adwords.

Je cherche aussi des designer de tshirt et ça c'est urgent !

Comme ça je deviendrais à mon tour un vrai ecommerçant. J'ai pleins de stock de nom de domaines qui dorment et j'ai des idées pour les faire arriver en top position.

Venez au Shake 15 l'évènement ecommerce


Et si vous êtes intéressé par le ecommerce de manière général, venez au #shake15 le 29 juin à Marseille http://2015.shake.events/ticketing-shake15/

Payez 49€ pour un pass 2 jour au lieu de 99€, ou un pass VIP 199€ au lieu de 299€

http://2015.shake.events/ticketing-shake15/


Ca vaut le coup, pas parcque je fais parti de la social media team mais parcque vous allez assister à des conf de haut niveau, et pour ceux qui se demandent pour le seo, il y aura une conf de laurent bourelly