Boutique Prestashop « Out Of Box » sur o2switch

Expert Prestashop ⇝ Conseils et accompagnement technique ⇜

Boutique Prestashop « Out Of Box » sur o2switch

Comment installer prestashop sur o2switch

Que vaut l’hĂ©bergeur o2switch pour hĂ©berger une boutique en ligne Prestashop. Nous avons testĂ© pour vous, aujourd’hui, l’installation d’une boutique Prestashop avec l’hĂ©bergeur Français o2switch.

Cet hĂ©bergeur Ă  fait fort, en proposant, une offre unique et illimitĂ©e pour les Ă©diteurs de sites internet… et ce pour la modique somme de 5 € HT par mois. En plus, en ce moment, vous avez votre futur nom de domaine offert ! Profitez-en 😉


Un article existe sur comment installer votre boutique Prestashop (Choix de l’hĂ©bergeur, du nom de domaine, transfert des fichiers…)

1 – Installation de votre boutique sur o2switch :

Avec cPanel et l’application Softaculous, vous installez votre boutique en 3 minutes chrono.

Dans cette Ă©tape, nous imaginons que votre nom de domaine a bien Ă©tĂ© crĂ©Ă© et la zone DNS correspondante est liĂ©e Ă  votre serveur o2switch. Si ce n’est pas le cas, appelez le SAV de o2switch pour vous indiquer la marche Ă  suivre ou appelez-nous pour mettre en place le domaine.

 

Utilisation de Softaculous :

 

L’application Softaculous permet en quelques clics l’installation d’une dizaine de web application (Prestashop, Magento, WordPress, Dolphin…) ! La puissance, pour tester une solution d’e-commerce ou monter votre blog.

 

Softaculous pour installer Prestashop

Utilisation de l’application Softaculous pour installer Prestashop (ou d’autres CMS comme WordPress)

 

Lancement de l’installation de la boutique :

Ici, il suffit simplement de cliquer sur « Installer Maintenant »

Comment installer Prestashop

Lancer l’installation de la boutique

Configuration de Prestashop :

Ici, c’est la partie simplifiĂ©e de la configuration de votre boutique Prestashop. SĂ©lectionnez la version de Prestashop que vous souhaitez installer. C’est le bon moyen pour essayer la nouvelle version de Prestashop 1.7

Choix du protocole à utiliser : HTTP, HTTP://WWW, HTTPS://, HTTPS://WWW. A noter que pour utiliser le protocole HTTPS, il vous faut un certificat SSL valide pour le nom de domaine. Si vous ne savez pas, laissez HTTP par défaut et vous passerez votre site boutique en HTTPS dans un second temps.

J’ai Ă©crit aussi un article sur medium.com : Comment installer un certificat SSL via Cpanel 

SĂ©lection de votre nom de domaine, repertoire oĂč installer prestashop (laissez vide pour l’installer Ă  la racine de votre espace web), le nom du rĂ©pertoire d’administration, votre mot de passe…

Configurer la boutique prestashop

Configuration de la boutique Prestashop

Installation en cours :

L’installation est en cours, vous pouvez vous prendre un cafĂ© mais ça va vite… 😉

L’installation est en cours

Félicitation, votre boutique est installée :

Installation de la boutique réussie

Félicitation la boutique est bien installée

2 – Test des performances :

Une fois la boutique installĂ©e, je vais tester les performances du serveur. Combien de secondes mets une page Ă  charger, quelles sont les notes pagespeed et Yslow de la boutique, combien de visiteurs supporte le serveur…

Souvenez-vous, nous avons parlé ici de 5 outils pour mesurer la vitesse de chargement de votre e-commerce.

Alors est-ce que notre serveur en a dans le ventre ?

Tous les résultats ci-dessous sont effectués sans aucune optimisation.

Le thĂšme est important pour l’affichage du site pour les tests, le thĂšme utilisĂ© est celui par dĂ©faut de prestashop 1.6 : Default Bootstrap

 

GTMetrix :

RĂ©sultat out of box d’une boutique sur Gtmetrix

C’est pas trop mal, on voit dans la liste des recommandations que l’on a encore une marge de progression.

115 requĂȘtes effectuĂ©es, ça va se reduire avec les compressions de fichiers, le poids de la page pareil et lĂ  on va pouvoir utiliser le cache navigateur pour augmenter la note PageSpeed.

 

La liste de recommandations de GTmetrix pour PageSpeed

 

 

WebPageSpeed :

WebPageSpeed, c’est la rĂ©fĂ©rence aussi pour la mesure de chargement et l’optimisation des pages. il est d’ailleurs utilisĂ© par Google Insight pour donner les rĂ©sultats. Il est trĂšs complet et donne vraiment beaucoup d’informations pour optimiser au mieux sa boutique.

 

RĂ©sultat via WebPageSpeed

 

 

Les résultats sont logiquement quasi similaires au test précédent avec GtMetrix.

On voit tout de suite, qu’il faut amĂ©liorer le cache des Ă©lĂ©ments statiques comme les fichiers javascript/CSS…

3 – Optimisation des performances de Prestashop :

 

Via le back-office de Prestashop, il est possible d’activer des options pour amĂ©liorer les performances de votre boutique. Attention cependant, certaines options peuvent affecter le bon affichage de votre template prestashop. Il est important de faire les tests de toutes les pages avant la mise en production (si possible faire le test sur un environnement de dĂ©veloppement ou une copie de votre site internet).

Accéder aux options dans ParamÚtres avancés > Performances :

 

Cette option rafraßchit les caches des templates smarty seulement si une modification a été apportée au fichier source.

Activer le cache smarty des templates

Les options pour la performances (compressions, minifier…) :

  • Cache et compression CSS
  • Cache et compression JS
  • Minifier le HTML
  • Compress le javascript inline dans le HTML
  • Bouger les scripts javascript dans le footer
  • Optimisation apache : Pour cette option, il faut crĂ©er un fichier .htacces vide Ă  la racine de la boutique Prestashop : via le FTP ou en SSH et lui donner les droits 666 (chmod 666 .htaccess en ssh)

 

Activer les options de compression et performances apache. A bien tester avant validation.

 

4 – RĂ©sultats :

 

AprĂšs ces quelques modifications voyons l’impact sur le chargement des pages.

 

Le rĂ©sultat est sans appel, division de presque 50% des requĂȘtes, les notes sont passĂ©es de D Ă  A & B. Le temps de chargement de page a Ă©tĂ© rĂ©duit de quelques 466 ms.

 

optimisation de prestashop sur o2switch

Voici le résultat des optimisations de la boutique Prestashop sur un serveur o2switch. Voir le test ici : https://gtmetrix.com/compare/xIobzfnx/WSspUoai

 



Boutique Prestashop « Out Of Box » sur o2switch
4.7 (94.55%) 11 votes

Vincent est Expert Prestashop depuis plus de 6 ans. Il est maintenant Freelance dĂ©veloppeur spĂ©cialisĂ© Prestashop. AprĂšs avoir travaillĂ© 3 ans en agence WEB, il est parti dĂ©velopper des modules Prestashop et autres solutions techniques Ă  Brisbane (Australie). Avant de revenir en France et crĂ©er sa sociĂ©tĂ© auto-entrepreneur depuis 2015. SpĂ©cialiste de la solution open-source Prestashop, il mets Ă  disposition sa plume et ses connaissances techniques pour notre plus grand plaisir 😉

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *