{"id":2125,"date":"2022-01-16T15:16:00","date_gmt":"2022-01-16T14:16:00","guid":{"rendered":"https:\/\/www.yateo.com\/blog\/?p=2125"},"modified":"2026-01-20T12:59:59","modified_gmt":"2026-01-20T11:59:59","slug":"comment-augmenter-sa-note-google-pagespeed-sur-prestashop","status":"publish","type":"post","link":"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop","title":{"rendered":"Comment augmenter sa note Google PageSpeed sur Prestashop ?"},"content":{"rendered":"<p>Rappelons que <a href=\"https:\/\/www.yateo.com\/blog\/seo-optimiser-le-chargement-de-ses-pages\">PageSpeed Insights<\/a> de Google est un outil permettant d&rsquo;analyser les performances d&rsquo;un site en mati\u00e8re de vitesse de chargement de page en vous indiquant les \u00e9l\u00e9ments \u00e0 modifier pour am\u00e9liorer cet aspect de votre site. Un\u00a0temps de chargement trop long implique une frustration chez le client qui estime son exp\u00e9rience utilisateur desktop et mobile trop peu satisfaisante, ce qui l&rsquo;am\u00e8ne \u00e0 quitter le site pr\u00e9matur\u00e9ment. Vous concernant, votre taux de conversion, statistiques et ranking SEO s&rsquo;en trouvent gravement affect\u00e9s.<\/p>\n<p><!--more--><\/p>\n<h2>Les principales recommandations PageSpeed<\/h2>\n<p>D&rsquo;apr\u00e8s les recommandations de Google, un site e-commerce doit pouvoir s&rsquo;afficher en 1.5 secondes. Afin de mesurer la vitesse de chargement, il convient d&rsquo;auditer votre site.<\/p>\n<p>Vous pouvez toujours vous r\u00e9f\u00e9rer au <strong>score attribu\u00e9 par PageSpeed Insights<\/strong>. Une fois l&rsquo;analyse effectu\u00e9e, il vous attribue <strong>deux scores sur 100<\/strong>, <strong>un relatif \u00e0 l&rsquo;interface mobile et l&rsquo;autre pour la version desktop<\/strong>.<\/p>\n<p>Pour une vitesse de chargement optimale de votre page web, PageSpeed Insights pr\u00e9conise les points suivants :<\/p>\n<ul>\n<li><strong>Optimiser et minifier les ressources des fichiers<\/strong>. La minification consiste \u00e0 supprimer tout ce qui n&rsquo;est pas indispensable \u00e0 la compr\u00e9hension du code par les machines. Conservez les ressources que vous consid\u00e9rez essentielles pour la compr\u00e9hension de votre contenu. Dans le cas contraire, supprimez-les<\/li>\n<li><strong>Compresser certaines ressources (html, js, css).<\/strong>\u00a0Par exemple, le Gzip est une la compression qui doit s&rsquo;effectuer uniquement sur des fichiers contenant du code et h\u00e9berg\u00e9s sur un serveur web. Son activation servira \u00e0 r\u00e9duire leur taille et le temps d&rsquo;affichage dans le navigateur. Ensuite, il s&rsquo;agira de<strong>\u00a0les mettre en cache du navigateur<\/strong><\/li>\n<li><strong>Cr\u00e9er en place des fichiers critical.css<\/strong>\u00a0qui servent uniquement \u00e0 afficher le plus rapidement possible ce qui est visible sur la page (avant le reste de la page et la ligne de flottaison)<\/li>\n<li style=\"line-height: 30.6px;\"><strong>R\u00e9duire le nombre de requ\u00eates par page des codes JS et CSS<\/strong><\/li>\n<li><strong>Eviter l&rsquo;avertissement \u00ab\u00a0l&rsquo;affichage en priorit\u00e9 du contenu visible\u00a0\u00bb<\/strong><\/li>\n<li style=\"line-height: 30.6px;\"><strong>Augmenter son PageRank (PR) <\/strong>pour avoir un bon r\u00e9f\u00e9rencement, soit la popularit\u00e9 d&rsquo;une page qui am\u00e9liore le positionnement du site sur Google. C&rsquo;est le temps qu&rsquo;un visiteur doit attendre avant que votre page soit compl\u00e8tement charg\u00e9e. Un chargement de page moyen pour un site de commerce \u00e9lectronique prend 7 secondes mais celui qui semblerait id\u00e9al serait de 3 secondes.<\/li>\n<li><strong>R\u00e9duire le temps du r\u00e9ponse du serveur<\/strong><\/li>\n<li><strong>V\u00e9rifier les probl\u00e8mes des API externes,\u00a0<\/strong><strong>des trackers et des widgets<\/strong><\/li>\n<li><strong>Eviter les redirections pour arriver sur la page de destination<\/strong><\/li>\n<\/ul>\n<h2>lES RECOMMANDATIONS PAGESPEED PLUS EN DETAIL<\/h2>\n<h3>OPTIMISATION DES SCRIPTS JAVASCRIPT &amp; CSS<\/h3>\n<p>Les langages de programmation JavaScript et CSS vont compromettre une vitesse de chargement de site satisfaisante. Sans parler du fait de les \u00e9liminer, il faut plut\u00f4t penser \u00e0 optimiser ces mod\u00e8les en suivant toute une s\u00e9rie de recommandations non-exhaustives \u00e0 lire avec pr\u00e9caution car relatives selon le type de sites concern\u00e9s. Le JS se bloque souvent sur le CSS pour la construction initiale de la page. La dur\u00e9e du CSS essentiel (Critical CSS) ne doit pas \u00eatre trop longue.<\/p>\n<h4><strong>JavaScript<\/strong><\/h4>\n<h5><strong>placer Les balises &lt;ScripT&gt; en fin de code, avant le &lt;\/body&gt; et les charger en asynchrone<\/strong><\/h5>\n<p>Dans la mesure du possible, il vaudra mieux charger les scripts asynchrones apr\u00e8s le premier affichage. Placer les balises &lt;scripts&gt; en fin de code avant le &lt;\/body&gt; et les <strong>charger en asynchrone signifie que le navigateur ne bloquera pas le chargement d&rsquo;autres ressources avantageuses de votre site, notamment la page HTML<\/strong>. Il permettra de lancer une t\u00e2che et d&rsquo;avancer dans le programme, le temps que celle-ci s&rsquo;ex\u00e9cute.<\/p>\n<h5><strong>REPORTer les scripts inutiles<\/strong><\/h5>\n<p><strong>Les scripts qui ne seront pas n\u00e9cessaires au d\u00e9veloppement du contenu visible lors du premier affichage sont \u00e0 mettre en suspens et \u00e0 reporter durant l&rsquo;analyse JavaScript<\/strong> afin de ne pas alourdir la charge de travail du navigateur pour afficher la page.<\/p>\n<h5><strong>Minifier JavaScript<\/strong><\/h5>\n<p><strong>Ce compactage du langage de programmation JS peut sauvegarder de nombreux octets de donn\u00e9es et r\u00e9duire le temps d&rsquo;ex\u00e9cution.<\/strong><\/p>\n<h5><strong>COmbiner Des ressources Javascript\u00a0<\/strong><\/h5>\n<p>La concat\u00e9nation est le fait de <strong>combiner les ressources externes JS dans un seul fichier<\/strong>, ce qui r\u00e9duit le d\u00e9lai de r\u00e9solution des requ\u00eates.<\/p>\n<h5><strong>Compresser le JS dans le HTML<\/strong><\/h5>\n<p>Cette compression va servir \u00e0 <strong>charger simultan\u00e9ment la majorit\u00e9 de vos effets et scripts.<\/strong> En revanche, le JavaScript Inline peut g\u00e9n\u00e9rer de mauvais fonctionnements sur des th\u00e8mes sp\u00e9cifiques.<\/p>\n<h4 style=\"margin-top: 20px; line-height: 23.76px;\"><strong>CSS<\/strong><\/h4>\n<h5><strong>Placer le code CSS dans l&rsquo;en-t\u00eate du document<\/strong><\/h5>\n<pre><code>&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"http:\/\/votresite.com\/style.css\" media=\"screen\" \/&gt;<\/code><\/pre>\n<p>Sp\u00e9cifi\u00e9es le plus t\u00f4t possible dans le document HTML, les ressources CSS permettent au navigateur un acc\u00e8s imm\u00e9diat aux balises &lt;link&gt; ainsi que l&rsquo;envoi de la requ\u00eate pour le code CSS.<\/p>\n<h5><strong style=\"font-size: 1em;\">INT\u00c9GRer\u00a0<\/strong><strong>Le CSS\u00a0 DE FA\u00e7on \u00ab\u00a0inline\u00a0\u00bb dans l&rsquo;en-t\u00eate du document<\/strong><\/h5>\n<pre><code>&lt;head&gt;\n  &lt;style&gt;\n    .blue{color:blue;}\n  &lt;\/style&gt;\n&lt;\/head&gt;<\/code><\/pre>\n<p>Plac\u00e9 de mani\u00e8re \u00ab\u00a0Inline\u00a0\u00bb en haut de la ligne de flottaison, le CSS critique permet de charger le contenu prioritaire avant de charger les scripts.<\/p>\n<h5><strong>proscrire Les importations de code CSS<\/strong><\/h5>\n<p><code>@import url(\"\/css\/header.css\")<\/code><\/p>\n<p><strong>L&rsquo;importation des r\u00e8gles de feuille de style depuis un autre fichier de feuille de style implique des allers-retours additionnels dans le chemin critique<\/strong>, ce qui fait retarder l&rsquo;affichage. Il convient de pr\u00e9f\u00e9rer un seul link href pour \u00e9viter une quantit\u00e9 astronomique de requ\u00eates. La mani\u00e8re la plus populaire et qui s&rsquo;av\u00e8re la plus efficace consiste \u00e0 placer un link rel stylesheet dans le header de la page html.<\/p>\n<h5><strong>REPORTer les FONCTIONNALIT\u00c9S\u00a0inutiles<\/strong><\/h5>\n<p>Une longue ex\u00e9cution va rendre impossible la construction des mod\u00e8les de document et d&rsquo;objets CSS et par cons\u00e9quent l&rsquo;affichage de la page. Comme pour les scripts<strong>, diff\u00e9rez toutes les fonctionnalit\u00e9s non n\u00e9cessaires au premier affichage<\/strong>. <strong>Dans le cas o\u00f9 elles doivent \u00eatre ex\u00e9cut\u00e9es imp\u00e9rativement dans les d\u00e9lais classiques, il faudra les diviser en parties distinctes pour que le navigateur puisse traiter les autres \u00e9v\u00e9nements entre 2 \u00e9tapes<\/strong>. Il s&rsquo;agit d&rsquo;un \u00e9v\u00e9nement lorsque l&rsquo;utilisateur clique sur un bouton HTML ou que le navigateur va finir de charger une page web.<\/p>\n<h5><strong>Installer le minimum de modules possible<\/strong><\/h5>\n<p>Attention, <strong>les modules PrestaShop permettant de contrer un chargement de pages trop long peuvent en contrepartie alourdir votre site internet<\/strong>. Il vaut donc mieux installer le minimum de modules et\u00a0<strong>faire le tri dans vos plugins et ainsi supprimer les extensions inutiles<\/strong> dont vous ne vous servez jamais.<\/p>\n<h5><strong>Minifier CSS<\/strong><\/h5>\n<p>Le fichier CSS verra sa taille r\u00e9duite tout en conservant la m\u00eame fonctionnalit\u00e9 et en \u00e9conomisant des octets de donn\u00e9es importants.<\/p>\n<h5><strong style=\"font-size: 1em;\">\u00c9VITER\u00a0<\/strong><strong>L&rsquo;attribut \u00ab\u00a0style\u00a0\u00bb\u00a0\u00a0<\/strong><\/h5>\n<p><code>&lt;div style=\"margin: 0;\"&gt;<\/code><\/p>\n<p>Veillez \u00e0 ne pas ajouter d&rsquo;attributs CSS \u00ab\u00a0Inline\u00a0\u00bb car ils dupliquent le code inutilement et alourdissent la page, pouvant donner lieu \u00e0 l&rsquo;avertissement \u00ab\u00a0Afficher en priorit\u00e9 le contenu visible\u00a0\u00bb dans PageSpeed Insights.<\/p>\n<h5><strong>Int\u00e9grer du code CSS critique dans le code html<\/strong><\/h5>\n<p>Une fois le code CSS critique int\u00e9gr\u00e9 dans le code HTML, les allers-retours suppl\u00e9mentaires seront supprim\u00e9s.<\/p>\n<h5><strong>R\u00e9duire le code HTML\u00a0<\/strong><\/h5>\n<p>R\u00e9duire le code HTML consiste \u00e0 <strong>supprimer tous les espaces pr\u00e9sents dans ce code<\/strong>. Sachant qu&rsquo;un espace repr\u00e9sente un caract\u00e8re, et donc un poids suppl\u00e9mentaire, il sera charg\u00e9 inutilement sur le navigateur du visiteur.<\/p>\n<h3><strong>Eviter les requ\u00eates incorrectes<\/strong><\/h3>\n<p><strong>Il faut \u00e9viter l&rsquo;intervention d&rsquo;\u00e9l\u00e9ments inutiles qui n&rsquo;existent pas ou plus, tels qu&rsquo;un code d&rsquo;erreur 404 ou 410 en proc\u00e9dant par une suppression ou une modification.<\/strong><\/p>\n<p>Proc\u00e9der ainsi est une \u00e9tape essentielle pour am\u00e9liorer la vitesse et l&rsquo;ergonomie :<\/p>\n<ul>\n<li>concernant <strong>la vitesse<\/strong>, pour savoir qu&rsquo;un \u00e9l\u00e9ment n&rsquo;existe plus, le navigateur doit l&rsquo;interroger ainsi que le serveur. <strong>Plus le serveur est sollicit\u00e9 pour des requ\u00eates, moins il r\u00e9pond rapidement.<\/strong><\/li>\n<li>pour <strong>l&rsquo;ergonomie<\/strong>,<strong> atterrir sur des pages fant\u00f4mes implique une exp\u00e9rience utilisateur insatisfaisante et indique une qualit\u00e9 de site qui laisse \u00e0 d\u00e9sirer.<\/strong><\/li>\n<\/ul>\n<h3>oublier les redirections<\/h3>\n<p>Le but du jeu va consister \u00e0 <strong>d\u00e9sactiver des langues que vous n&rsquo;utilisez pas<\/strong> en \u00e9vitant le type d&rsquo;URL suivant : www.mon-site.com\/fr. Ajouter des path suppl\u00e9mentaires sera \u00e9galement n\u00e9faste pour votre SEO.<\/p>\n<h3><strong>Optimiser les images<\/strong><\/h3>\n<p>Les images produits et notamment celles de vos th\u00e8mes sont des ressources qu&rsquo;il convient d&rsquo;optimiser au maximum en passant par 3 \u00e9tapes : <strong>le redimensionnement, la compression et l&rsquo;enregistrement dans un format adapt\u00e9.<\/strong><\/p>\n<h4>REDIMENSIONNEMENT<strong>\u00a0<\/strong><\/h4>\n<p>Avant tout chargement de vos images sur le site, <strong>il convient de les redimensionner afin d&rsquo;all\u00e9ger leur poids<\/strong>.<\/p>\n<h4><strong>compressION<\/strong><\/h4>\n<p><strong>En compressant vos images, vous ajustez leur poids \u00e0 leur taille<\/strong>. <strong>Le module TinyPNG<\/strong>, entre autre, permet de les compresser depuis votre CSS.<\/p>\n<p><span style=\"font-weight: 400;\">De plus, l&rsquo;outil gratuit <strong>APACHE se charge d&rsquo;optimiser grossi\u00e8rement les fichiers de votre site<\/strong> (compression de fichiers images, JS et CSS, redimensionnement des images et compression de votre code HTML etc.) <strong>sur tous les serveurs.<\/strong><\/span><\/p>\n<h4 style=\"line-height: 30.24px;\"><strong>un format adapt\u00e9<\/strong><\/h4>\n<p style=\"line-height: 30.24px;\">3 formats sont recommand\u00e9s pour enregistrer vos images et les rendre compatibles avec le web, une fois la compression effectu\u00e9e : <strong>le JPEG<\/strong> (format populaire dont la compression de l&rsquo;image est importante mais elle alt\u00e8re la qualit\u00e9) devra comporter moins de 500 ko; <strong>le PNG<\/strong> (tr\u00e8s grande compression de l&rsquo;image) et <strong>le GIF<\/strong> (forte compression au m\u00eame titre que le JPEG mais cependant limit\u00e9 \u00e0 256 couleurs).<\/p>\n<h3>Mettre en cache les ressources dans le navigateur<\/h3>\n<p><strong>Les fonctionnalit\u00e9s d\u00e9j\u00e0 existantes et dont vous avez besoin sont \u00e0 remplacer\u00a0par des plus l\u00e9g\u00e8res, ayant la m\u00eame utilit\u00e9<\/strong>. <strong>Smarty est le moteur de recherche de PrestaShop pour interpr\u00e9ter les fichiers de votre th\u00e8me et les afficher. Toutes les donn\u00e9es sont compil\u00e9es, r\u00e9colt\u00e9es dans le cache et enregistr\u00e9es<\/strong> afin de gagner du temps \u00e0 la prochaine connexion au navigateur et que ce dernier ressorte automatiquement ces \u00e9l\u00e9ments.<strong> Vous devrez vider le cache \u00e0 chaque fois pour actualiser<\/strong> et vous rendre compte des modifications effectu\u00e9es.<\/p>\n<h4>D\u00e9sactiver la compilation SMARTY<\/h4>\n<p>La compilation de ce moteur de template ax\u00e9 PHP est utile au moment de la phase d\u00e9veloppement et pr\u00e9-production mais n&rsquo;est pas indispensable. Toutefois,<strong> veillez bien \u00e0 activer le cache pour gagner en performance.<\/strong><\/p>\n<h4>activer le syst\u00e8me de cache Memcached<\/h4>\n<p><strong>Le r\u00f4le du syst\u00e8me de cache Memcached consiste \u00e0 utiliser la m\u00e9moire du serveur<\/strong> pour acc\u00e9l\u00e9rer les requ\u00eates PHP.<\/p>\n<h3><strong>Nettoyer ponctuellement les logs<\/strong><\/h3>\n<p>Les logs peuvent ralentir votre base de donn\u00e9es si la mise en m\u00e9moire de vos actions est trop importante, <strong>il faudra donc vider la m\u00e9moire<\/strong>. En revanche, cette action est irr\u00e9versible alors assurez-vous qu&rsquo;il s&rsquo;agit du nettoyage des bons logs.<\/p>\n<h3>R\u00c9FL\u00c9CHIR<strong>\u00a0a Un h\u00e9bergement adequat<\/strong><\/h3>\n<p>Votre <strong>h\u00e9bergement<\/strong> ne doit pas \u00eatre choisi au hasard et doit \u00eatre <strong>qualitatif<\/strong> car il repr\u00e9sente une ressource importante pour obtenir un site rapide \u00e0 charger.<strong> Le temps de r\u00e9ponse optimal d&rsquo;un serveur doit \u00eatre inf\u00e9rieur \u00e0 200 ms. Celui-ci est affect\u00e9 par la quantit\u00e9 du trafic re\u00e7u.<\/strong><\/p>\n<h4><strong>Les solutions gratuites : Serveur d\u00e9di\u00e9, MUTUALIS\u00c9 ou M\u00e9dia (CONTENT DELIVERY NETWORK)<\/strong><\/h4>\n<p>Le module \u00ab\u00a0mod_expire\u00a0\u00bb du<strong> serveur d\u00e9di\u00e9<\/strong>, r\u00e9serv\u00e9 aux sites \u00e0 fort trafic, est id\u00e9al pour un <strong>h\u00e9bergement web s\u00e9curis\u00e9<\/strong>. Malgr\u00e9 son <strong>co\u00fbt \u00e9lev\u00e9<\/strong>, ce type de serveur a l&rsquo;avantage d&rsquo;apporter une <strong>puissance totale \u00e0 votre site<\/strong>.<\/p>\n<p>Les modules d&rsquo;optimisation sur-mesure du <strong>serveur mutualis\u00e9<\/strong> conviendront aux sites web et blogs dont des utilisateurs se partagent les ressources mat\u00e9rielles et logicielles d&rsquo;un m\u00eame serveur web. Il a un <strong>co\u00fbt tr\u00e8s accessible<\/strong> et demeure la <strong>solution la plus utilis\u00e9e<\/strong>.<\/p>\n<p><strong>Le serveur m\u00e9dia ou CDN (Content Delivery Network)\u00a0<\/strong>sert \u00e0 charger des fichiers images, Css, Js, polices etc. depuis plusieurs serveurs, via des URL diff\u00e9rentes et en connexions simultan\u00e9es. Les requ\u00eates sont partiellement prises en charge par le CDN \u00e0 la place du serveur principal, ce qui vient augmenter la vitesse de votre site. Le CDN s&rsquo;av\u00e8re tr\u00e8s utile pour les sites destin\u00e9s \u00e0 une audience internationale.<\/p>\n<h4><strong>uNE ALTERNATIVE PAYANTE : le cloud ?<\/strong><\/h4>\n<p>Le Cloud h\u00e9berge des donn\u00e9es, images etc. charg\u00e9es depuis un autre domaine. <strong>Il permet le stockage de donn\u00e9es ou logiciels sur des serveurs externes d&rsquo;une entreprise<\/strong>, ce qui acc\u00e9l\u00e9rera la vitesse de chargement de votre page car celle-ci sera all\u00e9g\u00e9e.<\/p>\n<h3>Checker la taille de la base de donn\u00e9es<\/h3>\n<p>Lorsque vous vous rendez sur PHPMYADMIN, <strong>v\u00e9rifiez qu&rsquo;il n&rsquo;existe pas de tables mesurant plus de 100MO, dans la colonne \u00ab\u00a0size\u00a0\u00bb, ind\u00e9pendamment de la taille de la boutique<\/strong>. Si c&rsquo;est le cas, <strong>il faudra les nettoyer<\/strong>. Un poids trop volumineux de cette base de donn\u00e9es affecte lourdement les performances de votre serveur.<\/p>\n<h2>la vitesse sur mobile, un facteur \u00e0 ne surtout pas n\u00e9gliger<\/h2>\n<p><strong>L&rsquo;index mobile-first<\/strong> a pris une place pr\u00e9pond\u00e9rante dans l&rsquo;\u00e8re du digital. Tout comme le temps de chargement desktop, celui du mobile doit imp\u00e9rativement \u00eatre au maximum optimis\u00e9 car nous nous dirigeons vers un web mobile de plus en plus exigeant. Le\u00a0trafic mobile\u00a0peut repr\u00e9senter jusqu\u2019\u00e0 plus de la moiti\u00e9 du trafic total de votre site.<\/p>\n<h3>le mobile-friendly pour un pagerank optimal<\/h3>\n<p>A cela s&rsquo;ajoute la <strong>technologie AMP (Accelerated Mobile Pages) qui soutient le fait que Google veuille un mobile-friendly comme crit\u00e8re essentiel dans le ranking de son moteur de recherche<\/strong>. En revanche, si une page au format AMP est lente, ce qui est n\u00e9anmoins peu probable, elle sera p\u00e9nalis\u00e9e par Google en mati\u00e8re de vitesse de chargement sur mobile.<\/p>\n<p>Google rappelle que 53% des utilisateurs quittent un site mobile qui met plus de 3 secondes \u00e0 se charger en 4G, contre 5 secondes en 3G et un TTFB (Time To First Byte) de 1.3 secondes, correspondant au temps de chargement du premier octet, soit la vitesse d&rsquo;acc\u00e8s au serveur. Sachez qu&rsquo;une seconde perdue \u00e9quivaudrait \u00e0 20% de pertes de conversions.<\/p>\n<h3>TEST MY SITE pour votre site mobile<\/h3>\n<p><strong>Pour avoir un rapport approfondi sur votre site mobile<\/strong>, il est conseill\u00e9 d&rsquo;utiliser<a href=\"https:\/\/testmysite.withgoogle.com\/intl\/fr-fr\" rel=\"nofollow\"><strong> Test My Site<\/strong><\/a>. Pour cela, rentrez l&rsquo;URL de votre site, demandez \u00e0 effectuer une analyse et un rapport et recevez-le par mail. Il comprendra le temps de chargement de votre URL, l&rsquo;\u00e9tat des lieux de votre situation sur ce qui fonctionne et les recommandations sur ce qui devrait \u00eatre am\u00e9lior\u00e9 et modifi\u00e9 (CSS redondantes, fichiers d&rsquo;images trop lourds, compression insuffisante etc.).<\/p>\n<p>Si votre score s&rsquo;\u00e9l\u00e8ve \u00e0 80% minimum, le site aura une optimisation relativement correcte. En revanche, au-dessous de 75%, il faudra prendre connaissance des recommandations de Google et agir en fonction de celles-ci.<\/p>\n<p>En conclusion, le chargement desktop et mobile est un crit\u00e8re d\u00e9terminant chez les utilisateurs comme pour vous. <strong>Augmenter votre note PageSpeed sur PrestaShop n\u00e9cessite l&rsquo;intervention d&rsquo;experts disposant des connaissances techniques et pratiques requises. Veuillez vous en r\u00e9f\u00e9rer \u00e0 une agence digitale sp\u00e9cialis\u00e9e telle que YATEO ou \u00e0 des professionnels en freelance<\/strong>.<\/p>\n<p>Si vous souhaitez avoir des informations sur nos prestations, contactez-nous au 0158892736 ou via le formulaire de contact<a href=\"https:\/\/www.yateo.com\/?contact\" rel=\"nofollow\"> disponible ici<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rappelons que PageSpeed Insights de Google est un outil permettant d&rsquo;analyser les performances d&rsquo;un site en mati\u00e8re de vitesse de chargement de page en vous indiquant les \u00e9l\u00e9ments \u00e0 modifier pour am\u00e9liorer cet aspect de votre site. Un\u00a0temps de chargement trop long implique une frustration chez le client qui estime son exp\u00e9rience utilisateur desktop et [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[197],"tags":[],"class_list":["post-2125","post","type-post","status-publish","format-standard","hentry","category-lesconseilsdelagence","no-featured-image"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment augmenter sa note Google PageSpeed sur Prestashop ? - Blog YATEO<\/title>\n<meta name=\"description\" content=\"PageSpeed Insights analyse les performances d&#039;un site en mati\u00e8re de vitesse de chargement, un \u00e9lement crucial pour vous et les utilisateurs\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment augmenter sa note Google PageSpeed sur Prestashop ? - Blog YATEO\" \/>\n<meta property=\"og:description\" content=\"PageSpeed Insights analyse les performances d&#039;un site en mati\u00e8re de vitesse de chargement, un \u00e9lement crucial pour vous et les utilisateurs\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop\" \/>\n<meta property=\"og:site_name\" content=\"Blog YATEO\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-16T14:16:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T11:59:59+00:00\" \/>\n<meta name=\"author\" content=\"Yves ATTIAS\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yves ATTIAS\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop\"},\"author\":{\"name\":\"Yves ATTIAS\",\"@id\":\"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82\"},\"headline\":\"Comment augmenter sa note Google PageSpeed sur Prestashop ?\",\"datePublished\":\"2022-01-16T14:16:00+00:00\",\"dateModified\":\"2026-01-20T11:59:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop\"},\"wordCount\":2494,\"commentCount\":0,\"articleSection\":[\"Les conseils de l'agence\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop\",\"url\":\"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop\",\"name\":\"Comment augmenter sa note Google PageSpeed sur Prestashop ? - Blog YATEO\",\"isPartOf\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/#website\"},\"datePublished\":\"2022-01-16T14:16:00+00:00\",\"dateModified\":\"2026-01-20T11:59:59+00:00\",\"author\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82\"},\"description\":\"PageSpeed Insights analyse les performances d'un site en mati\u00e8re de vitesse de chargement, un \u00e9lement crucial pour vous et les utilisateurs\",\"breadcrumb\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.yateo.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment augmenter sa note Google PageSpeed sur Prestashop ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.yateo.com\/blog\/#website\",\"url\":\"https:\/\/www.yateo.com\/blog\/\",\"name\":\"Blog YATEO\",\"description\":\"Le blog de l&#039;agence YATEO\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.yateo.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82\",\"name\":\"Yves ATTIAS\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment augmenter sa note Google PageSpeed sur Prestashop ? - Blog YATEO","description":"PageSpeed Insights analyse les performances d'un site en mati\u00e8re de vitesse de chargement, un \u00e9lement crucial pour vous et les utilisateurs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop","og_locale":"fr_FR","og_type":"article","og_title":"Comment augmenter sa note Google PageSpeed sur Prestashop ? - Blog YATEO","og_description":"PageSpeed Insights analyse les performances d'un site en mati\u00e8re de vitesse de chargement, un \u00e9lement crucial pour vous et les utilisateurs","og_url":"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop","og_site_name":"Blog YATEO","article_published_time":"2022-01-16T14:16:00+00:00","article_modified_time":"2026-01-20T11:59:59+00:00","author":"Yves ATTIAS","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Yves ATTIAS","Dur\u00e9e de lecture estim\u00e9e":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop#article","isPartOf":{"@id":"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop"},"author":{"name":"Yves ATTIAS","@id":"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82"},"headline":"Comment augmenter sa note Google PageSpeed sur Prestashop ?","datePublished":"2022-01-16T14:16:00+00:00","dateModified":"2026-01-20T11:59:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop"},"wordCount":2494,"commentCount":0,"articleSection":["Les conseils de l'agence"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop","url":"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop","name":"Comment augmenter sa note Google PageSpeed sur Prestashop ? - Blog YATEO","isPartOf":{"@id":"https:\/\/www.yateo.com\/blog\/#website"},"datePublished":"2022-01-16T14:16:00+00:00","dateModified":"2026-01-20T11:59:59+00:00","author":{"@id":"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82"},"description":"PageSpeed Insights analyse les performances d'un site en mati\u00e8re de vitesse de chargement, un \u00e9lement crucial pour vous et les utilisateurs","breadcrumb":{"@id":"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.yateo.com\/blog\/comment-augmenter-sa-note-google-pagespeed-sur-prestashop#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.yateo.com\/blog"},{"@type":"ListItem","position":2,"name":"Comment augmenter sa note Google PageSpeed sur Prestashop ?"}]},{"@type":"WebSite","@id":"https:\/\/www.yateo.com\/blog\/#website","url":"https:\/\/www.yateo.com\/blog\/","name":"Blog YATEO","description":"Le blog de l&#039;agence YATEO","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yateo.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82","name":"Yves ATTIAS"}]}},"_links":{"self":[{"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/posts\/2125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/comments?post=2125"}],"version-history":[{"count":1,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/posts\/2125\/revisions"}],"predecessor-version":[{"id":44475,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/posts\/2125\/revisions\/44475"}],"wp:attachment":[{"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/media?parent=2125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/categories?post=2125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/tags?post=2125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}