Le frontal de PrestaShop a été optimisé pour accélérer votre PrestasShop.
Dans cet article, nous allons parler de quelques solutions possibles pour accélérer le chargement des pages, vous trouverez des solutions faciles et rapides et quelques solutions avancées.
Qu’est-ce qui fait le temps de chargement d’une page.
Le temps de chargement des pages est composé de deux grandes parties :
Le temps de chargement côté serveur.
Le temps de chargement du front-end.
La performance côté serveur est aussi importante que la performance côté serveur, votre page sera extrêmement rapide si vous optimisez les deux.
Pour la plupart des propriétaires de sites PrestaShop, il suffit de faire des améliorations qui sont faciles et peu coûteuses, absolument pas besoin de poursuivre un score de 100, c’est pour les utilisateurs avancés ultimes. Par exemple :
Faire toutes les améliorations de base nécessite 50CHF et 10 heures, le résultat est que le temps total de chargement de la page est réduit de 2 secondes.
Les autres améliorations de haut niveau nécessitent 500 CHF et 50 heures, ce qui réduit le temps total de chargement des pages d’une seconde supplémentaire.
Ensuite, faire toutes les améliorations de base est suffisant pour la plupart des propriétaires de sites PrestaShop.
Les principaux composants affectent le temps total de chargement des pages
Temps de chargement côté serveur.
Performances de l’ordinateur.
Performances du navigateur.
Le nombre de demandes.
La taille totale des images*.
La taille totale des fichiers Js/css
La taille totale des fichiers Font
Temps de chargement en amont.
Performances du serveur.
Configuration du serveur.
Emplacement du serveur.
Qualité du code.
Le nombre de modules.
Le temps réductible et le temps irréductible
Veuillez vous référer à la description du module de cache de page avancé pour prestashop afin d’en savoir plus sur la réduction du temps de chargement côté serveur. Nous parlerons ici du temps de chargement frontal.
Solutions rapides pour accélérer le front end de votre site (Pour tous les utilisateurs de PrestaShop).
Correction de toutes les erreurs 404.
Nettoyer la base de données régulièrement.
Désinstallez les modules dont vous n’avez pas besoin, en particulier les modules de statistiques de PrestaShop.
Supprimer les scripts de suivi.
Utiliser le CDN
Ajouter au moins un serveur de médias.
Téléchargez des images correctement optimisées sur votre site.
Chargement d’images paresseux.
Gzip ajax pour accélérer les actions telles que l’ajout au panier, la pagination, le changement de combinaison, etc.
Solutions avancées pour accélérer l’interface de votre site (pour les utilisateurs avancés de PrestaShop).
Optimisez davantage les images.
Nous continuerons à mettre à jour les solutions pour que ce tutoriel soit un guide complet sur la façon d’optimiser le front end de PrestaShop.
Solutions
Corriger toutes les erreurs 404.
Il est très important de corriger toutes les erreurs 404. Une erreur 404 ralentirait votre site pour un référencement faible et mauvais. Il est assez facile de corriger les erreurs 404, alors prenez des mesures pour les corriger toutes.
J’ai fait un test sur mon site local avec la version 1.7.4.2, les configurations sont « Ne jamais recompiler les fichiers modèles » + « Cache intelligent » + « Module natif de PrestaShop » + « CCC pour js et css » + « Pas de cache du navigateur ». J’ai obtenu suffisamment de données pour montrer à quel point les erreurs 404 peuvent être graves avec seulement 3 tests (0 404 erreurs, 1 404 erreurs et 3 404 erreurs), j’ai lancé chaque test 5 fois, j’ai obtenu ceci.
Comment trouver les erreurs 404 ?
Utilisez des outils comme les outils de développement de Chrome.
Utilisez le webmaster de Google.
Si vous utilisez un module pour rediriger les erreurs 404 vers une certaine page, alors vous devez désactiver le module pendant un certain temps pour trouver et corriger toutes les erreurs 404. Comme notre module PrestaShop qui supprime les ID des URLs et des url faciles à référencer, qui a une fonction pour rediriger les erreurs 404 vers une certaine page, la fonction est bonne pour le référencement, mais nous devrions corriger toutes les erreurs 404 avant d’utiliser la fonction. Qu’est-ce qu’une erreur 404, par exemple un mauvais chemin d’accès à une image peut provoquer une erreur 404, vous devez la corriger. Si un utilisateur essaie de visualiser une page qui n’existe pas sur votre site, ce qui provoquera une erreur 404 soft, vous devriez utiliser un module pour rediriger les erreurs 404 soft vers une page.
Ajoutez au moins un serveur de médias.
Cette méthode peut accélérer votre site et ne coûte rien. Voici un guide sur la façon d’ajouter un serveur de médias pour PrestaShop 1.6 et PrestaShop 1.7. L’utilisation de serveurs de médias présente deux avantages majeurs.
Les serveurs de médias sont également connus sous le nom de domaines sans cookies, ce qui signifie que lorsque le navigateur envoie une demande de chargement d’un contenu statique, si la demande est envoyée au même domaine que votre site web, alors les cookies seront envoyés, mais si vous chargez le même contenu statique à partir d’un serveur de médias, les cookies ne seront pas envoyés, donc la taille totale de tous les besoins sera réduite, le résultat est un temps de chargement de page plus court. Vérifiez ces deux images.
Augmentez le nombre de téléchargements parallaxes, les navigateurs ont le maximum de requêtes par domaine à la fois, si vous devez charger 30 contenus statiques, alors certains d’entre eux doivent attendre en file d’attente pour être chargés. Si vous utilisez plusieurs serveurs de médias, ces 30 contacts statiques peuvent commencer à être chargés en une seule fois, ce qui peut également permettre de gagner du temps pour le chargement des pages.
Désactivez les modules natifs de PrestaShop dont vous n’avez pas besoin, en particulier les modules de statistiques de PrestaShop.
Vous pouvez trouver une liste des modules natifs de PrestaShop 1.7 que nous vous recommandons de désactiver. Désactivez ces modules natifs de PrestaShop 1.7.
