Forum : Lws & Hebergeur-discount

Hébergement web, nom de domaine et serveur dédié.

Tuto - Optimisation site sous Prestashop 1.6.x

Ici vous pouvez poser vos questions techniques, les problemes que vous rencontrez (publication de votre site, configuration dns des domaines...)
utaku
Utilisateur Experimenté
Utilisateur Experimenté
Messages : 137

ven. janv. 27, 2017 3:02 pm  

Bonjour,

Voici quelques astuces qui vous permettrons de gagner en vitesse d'affichage de votre site web sous prestashop 1.6.x
Avant toutes choses, je ne pourrais être tenus pour responsable d'un quelconque problème affectant votre site internet après modification !

N'hésitez pas à faire un test de vitesse de votre site avant et après modification avec https://www.webpagetest.org/

Optimisation des Images :

Si vous utilisé beaucoup d'images sur votre site ( produits, catégorie,Slide,... ) et que vous travaillez sous Photoshop :

=> Enregistrer vos Images pour le web / qualité : 80% en JPEG / progressif / convertir en sRVB ( standard internet ).
=> Sous Prestashop : Préférence / Image / Compression du JPEG à 80%

Pour aller beaucoup plus loin ( les images de votre Thème / module / Slide / Catégorie, mais pas pour les Produits ! )

=> https://www.imagerecycle.com/

Optimisation de Prestashop :

=> Préférence avancé / Performance :

Compilation des templates : Ne jamais recompiler les fichiers de templates
Cache : OUI
Type de mise en cache : Système de fichier ( si vous êtes sur SSD ) | MySQL ( si vous êtes sur HDD normal )
Vider le cache : Vider le cache chaque fois qu'il y a une modification

Déclinaisons : Non ( si vous n'en n'avez pas l'utilité ) sinon Oui

"Smart cache" pour les feuilles de style : OUI
"Smart cache" pour le code JavaScript : OUI
Réduction du code HTML : OUI | NON ( si vous avez un module de cache de type Prestamodule comme moi )
Compression du JavaScript dans le code HTML : OUI
Déplacer le code JavaScript à la fin : OUI
Optimisation Apache : OUI

Utiliser le cache : NON

=> Module :

=> Désinstaller tout les modules que vous n'utiliser pas !
=> Utiliser de préférence un outils comme Google Analytic plutôt que ceux fourni par Prestashop ( 23 à 26 modules à désinstaller ).

Optimisation du Thème :

Si vous avez crée des pages CMS spécifique et que vous avez rajouté du javascript ( soit inline ou externe ) | pour certain module comme Facebook | n'hésitez pas à utiliser si possible la fonction ASYNC

<script async> ....</script>

Cela aura pour effet de diminué le Page Load...

Optimisation du fichier .htaccess : ( Attention modifier ce fichier peu empêche votre site de fonctionner )

Voici le miens :

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType image/svg+xml .svg
AddType image/x-icon .ico
AddType application/x-font-woff2 .woff2
<IfModule mod_headers.c>
Header always set Strict-Transport-Security "max-age=63072000; includeSubDomains; preload"
Header unset Etag
FileETag none
Header always set X-Content-Type-Options "nosniff"
Header append Vary User-Agent env=!dont-vary
<FilesMatch "\.(ttf|ttc|otf|eot|woff2|svg)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>


<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType application/x-javascript "access plus 1 week"
ExpiresByType image/ico "access plus 2592000 seconds"
ExpiresByType image/icon "access plus 2592000 seconds"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType image/vnd.microsoft.icon "access plus 1 year"
ExpiresByType application/font-woff2 "access plus 1 year"
ExpiresByType application/x-font-woff2 "access plus 1 year"
ExpiresByType application/font-woff "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
ExpiresByType font/opentype "access plus 1 year"
ExpiresByType font/ttf "access plus 1 year"
ExpiresByType font/otf "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType application/x-font-otf "access plus 1 year"
</IfModule>


<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html|txt|css|js|php|ico|jpg|jpeg|woff|woff2|ttf|otf|svg)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>
<IfModule mod_deflate.c>
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE text/html text/css text/javascript application/javascript application/x-javascript font/ttf application/x-font-ttf font/otf application/x-font-otf font/opentype font/woff2 application/x-font-woff2 font/woff application/x-font-woff image/svg+xml image/x-icon image/jpg image/jpeg
</IfModule>
</IfModule>

=> Header always set Strict-Transport-Security "max-age=63072000; includeSubDomains; preload" /// Uniquement si vous êtes en HTTPS

Optimisation Google Analytic :

Voici les optimisations que j'ai faite afin de ne pas avoir des requêtes supplémentaires comme au début ( hier )

=> Administration / Paramètres de la propriété /

Si cette option ne vous intéresse pas je vous invite à la désactiver :

Autoriser le remplacement du marquage automatique (valeurs GCLID) par le marquage manuel (valeurs UTM) pour l'intégration d'AdWords et de DoubleClick Search

=> Administration / Information de suivi / Collecte des données

Si les options de remarketing et de pub ne vous intéressent pas je vous invite à les désactiver :

Collecte des données dans le cadre des fonctionnalités de publicité : NON au 2 choix

=> Administration / Paramètre de Vue /

Cocher la case : Filtrage des robots
Exclure tous les appels provenant de robots connus

Les Outils :

https://www.webpagetest.org/

https://tools.keycdn.com/speed

https://gtmetrix.com/

https://www.imagerecycle.com/

https://www.dareboost.com/fr/

https://tools.pingdom.com/

Voila j'espère que cela vous sera utile, si vous en connaissez d'autres n'hésitez pas ! et faite un retour d'expérience avant et après modification ;)

Avatar de l’utilisateur
Yoann - LWS
Modérateur
Modérateur
Messages : 86

jeu. févr. 02, 2017 5:37 pm  

bonjour,

Notre équipe vous remercie de ce tutoriel qui est plutôt complet pour l'optimisation d'un site prestashop.

Je me suis rendu sur votre site, celui-ci est bien réussi et fluide.

Cordialement.
Yoann
Service technique LWS
http://www.lws.fr

Rubrique d'aide LWS : http://aide.lws.fr
Les nouveautés : http://blog.lws-hosting.com

Noms de domaine, hébergement web, serveurs dédiés, e-commerce, SMS par internet ...

elliott
Débutant
Débutant
Messages : 1

jeu. juin 08, 2017 2:24 pm  

bonjour, c'est un post très complet. Merci de ces informations. Cela va être utile lorsque je travaille sur le référencement de sites e commerce utilisant Prestashop.
Consultant SEO en Agence WEb
http://pub-n-drive.fr/web-reseaux-sociaux/

  •   Information
  • Qui est en ligne ?

    Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 12 invités