Alleger prestashop, virer les script.js, CSS etc ?

[yannml]

Bonjour,

Je cherche à alléger ma boutique au maximum.
J’aimerais faire le ménage dans les scripts .js qui se charge dans la la balise HEAD, mais a quoi servent t-il ?

• js/tools.js
• /js/jquery/jquery-1.2.6.pack.js
• /js/jquery/jquery.easing.1.3.js
• /js/jquery/jquery.hotkeys-0.7.8-packed.js
• /js/jquery/jquery.scrollto.js
• /js/jquery/jquery.serialScroll.js
• /js/jquery/jquery.slider.js

J’aimerais également savoir si le fait d’avoir des modules sur le serveur FTP, mais non installé dans le BO peut ralentir mon site ?

Il y a d’autres points sur lesquels je peux agir pour accélérer ma boutique ?

Supprimer certains modules de stats par exemple ca aide ?

Yslow me dit qu’il manque des « Expires headers » sur mon site, ca correspond a quoi ?



Merci d’avance pour vos conseils

[Patric]

Topic déplacé dans la bonne section.

[arnolem]

Effectivement, si tu désactive des modules non utilisé, ça ne peut que aider.
le thème en lui même est source de latence, tu prends l'exemple de fichier JS que tu peux surement placer en bas de page, voir supprimer selon l'utilisation qui en est faite.
Tu peux également fusionner tes JS en un seul. C'est valable également pour tes css afin de réduire le nombre de requête HTTP (échanges client/serveur).
Pour les expire headers, ce sont des entête http à définir pour indiquer aux navigateurs la durée de validité en cache de certains éléments comme les images, css, js, ... afin de ne pas les charger inutilement. Tu pexu les ajouter très facilement dans un .htacess pour apache si tu dispose du module mod_expire.
Tu peux également activer la compression gzip (ou deflate) si ce n'est pas fait.
Si tu est sur un serveur dédié, tu peux installer APC qui te permettra de conserver une version compilé de ton code php (opcode) afin d'accélérer l’exécution de celui-ci. Tu pourras même faire évoluer certains module en utilisant le système de mise en cache (nécessite d'être développeur).
Pour tes images, pense à les optimiser et à les nettoyer avec un outisl que smush-it

Amuses-toi bien

[Vincent Decaux]

Première chose à faire, réduire le CSS, il fait 3000 lignes par défaut, cela est bien trop élevé !
Autre chose importante aussi, réunir tous les CSS (ou appel à style dans le code) dans un unique fichier. Il y a un temps de latence quand le navigateur doit interpréter du style.
Ensuite, pour les scripts :
• js/tools.js
• /js/jquery/jquery-1.2.6.pack.js
INDISPENSABLES (à confirmer ?)

Le reste :
easing permet de créer des animations style 'ressort' sur des slides etc ... Tu peux l'enlever je pense.
hotkey, tu peux l'enlever aussi, mais je ne suis pas sur de son utilisation ?
scrollTo, serialScroll, slider permet de faire des slides d'image en JQuery (galerie etc ...), selon tes besoins ... Mais pareil à confirmer si Prestashop s'en sert or not ?

Les modules sur le FTP non installés n'affecteront pas ton site, de sur ton BO.

Pour le reste, voici un très bon article : http://www.seomix.fr/web/developpement/guide-htaccess-performances-et-temps-de-chargement/#testez-testez-et-testez
A manipuler avec précaution cependant.

Sinon, prendre un serveur dédié et installer Google Speed qui reste un must de 'minifiage' et rapidité.
Ensuite, les images à bien contrôler, ne pas avoir des imbrications de DIV trop importantes.
Et les trucs classiques ... Tu peux envoyer ton site, on peut voir si des choses sont trop lourdes à charger.

[yannml]

Merci pour vos réponses. Le lien sur Seomix est vraiment intéressant !


Il faut encore faire la lumière sur l'utilité de tel ou tel fichiers JS.

Peut t-on bêtement copier les fichiers JS dans un seul fichier ? Puis mettre a jours la balise HEAD, ou il faut aller bricoler dans les fichiers .php un par un ?




Quelles sont les différences entre les fichier global.css, scenes.css et maintenance.css ?
Il y a t-il une application pour épurer un CSS de tous les éléments non utilisés sur son site ?

Je change d'hébergeur, j'essaye vos conseils et vous montre les résultats!

[yannml]

Je viens de tomber sur CSScleaner qui a priori est capable de de virer les éléments inutilisé du fichier .css, je teste...
http://blog.websourcing.fr/csscleaner-un-logiciel-pour-nettoyer-ses-css/

[yannml]

Âpres beaucoup d'heures à essayer d'optimiser la vitesse de chargement, voici mes résultats sur http://www.backsac.fr/

La première page de mon site charge un seul .CSS et un seul .js (je n'ai pas réussi à trouver comment virer les js/css sur les autres pages...)


J'ai utilisé les scripts de seomix.fr et de WRI http://www.webrankinfo.com/dossiers/webmastering/site-rapide

J'ai également utilisé smush-it sur mes images, c'est vraiment minime, mais c'est toujours quelques ko de gagné. Il y a t'il moyen de "smush-it-riser" tout une boutique en une seule fois ? J'ai également utilisé et approfondi la fonction "enregistrer pour le web" de Photoshop, il y avait beaucoup a gagner sur les images.


J'ai également testé CSScleaner, j'ai réussi a virer 5 lignes sur .css c'est pas énorme.

J'ai également gagné 20ko sur le favicon...

J'avais également deux liens/images externe vers WebRankInfo et les statistiques Dacounter, c'était lent!

Finalement ma première page fait 110ko, chargé en 0,5 lorsque le serveur à la patate.

Les deux objets les plus lourd reste les images et les CSS, les divers .js étaient également bien lourd, mais inutiles!

Voila pour le petit compte rendu, si vous voyez d'autre choses à optimisé ?

Et je n'arrive pas a virer les .js qui sont chargés automatique des le header, vous savez ou prestashop va chercher ces donnés ?

[yannml]

Je viens de tomber sur la fonction

"Améliore la sécurité du Front Office" OUI/NON : Active ou désactive les tokens en front-office afin d'améliorer la sécurité de PrestaShop

Ca permet de faire quoi exactement ? j'ai envie de tout virer

[yannml]

Voici une optimisation de smarty, que je n'ai pas testé : http://www.nethercottconstructions.com/content/1-livraison

[micotn]

Bonjour,

je suis en train d'alléger mon site car je rencontre un gros pb de latence sur les chargements de mes pages, environ 30s pour la page principale.

J'ai mis en place la compression gzip et supprimer tous les modules inutiles.

Mon site, développé sous la version 1.3.5, est visible à l'adresse suivante : http://www.kenyx.fr/shop

Merci de votre aide.

[yannml]

La premiere page de ton site est tres lourde, 1Mo.

Utilise le plugin Firefox Yslom pour savoir quels éléments sont lourds.

Le problème de lenteur vient de l'hébergement a mon avis, un site ping ne repond pas.

[micotn]

Bonjour,

tout d'abord merci pour ta réponse.

Je suis hébergé chez ovh avec un mediaplan, c'est vraiment une horreur d'avoir un site aussi lent, je suis prêt aujourd'hui de changer de fournisseur ou de passer sur un serveur dédié pour que ça change.

La boutique comporte environ 3000 produits.

MErci pour votre aide...

[juliens]

Bonjour micotn,

la lenteur d'affichage de ta page d'accueil ne vient pas forcèement de la taille de ta page elle même.
Il y a en effet un délai de 30 seconde avant que le premier élement de la page soit chargé.

http://tools.pingdom.com/?url=http://www.kenyx.fr/shop/

Website information
Total loading time:
26.6 seconds
Total objects:
201 (1665 KB)
External objects:
5 (57.9 KB)
HTML (X)HTML:
2 (116.4KB)
RSS RSS/XML:
0
CSS CSS:
10 (106.8KB)
Scripts Scripts:
21 (165.4KB)
Images Images:
168 (1276.3KB)
Plugins Plugins:
0
Other Other:
0 (0KB)
Redirected Redirected:
23

Néanmoins, le fichier http://www.kenyx.fr/shop/img/PUB/fond_pa.jpg est très lourd tout de même (387,61 Ko)
En passant cette image dans http://www.smushit.com/ysmush.it/ la taille passe à 30.68 Ko ! (divisée par 10)
Passe tous tes jpg dans smush it, et notamment tous les slides ex: http://www.kenyx.fr/shop/modules/jgalleryview2/slides/slide3.jpg et les pubs, ex: http://www.kenyx.fr/shop/img/_accueil/pub1.jpg

[cobolian]

A lire : http://oseox.fr/performance/

[micotn]

Bonsoir juliens,

Merci pour tes conseils, j'ai suivi tes recommandations et voici le résultat :

Website information

Total loading time:30 seconds
Total objects:199 (789.8 KB)
External objects:5 (43.8 KB)
(X)HTML:2 (116.7KB)
RSS/XML:0
CSS:10 (106.9KB)
Scripts:21 (142.7KB)
Images:166 (423.6KB)
Plugins:0
Other:0 (0KB)
Redirected:0

Effectivement, j'ai réduit la taille des images et j'ai viré provisoirement le fond mais j'ai toujours ce temps de latence au chargement.

Je suis vraiment à cours d'idée et solution, merci à chacun d'entre vous pour vos éventuels solutions à mon pb, je suis vraiment handicapé pour la mise en prod.

Bonne soirée et à très vite.

[juliens]

-50% en taille, bien joué.
Bizarement ta boutique http://www.kenyx.fr est beaucoup plus rapide.

As tu bien positionné config/smarty.config.inc.php comme suis pour http://www.kenyx.fr/shop ?

$smarty->caching         = false;
$smarty->force_compile    = false; // to pass "false" when put into production
$smarty->compile_check    = false;

[micotn]

Le site http://www.kenyx.fr est développé sous oscommerce, ce qui est assez ironique si tu vois ce que je veux dire. J'étais censé avoir un site plus performant normalement.

Effectivement, je n'avais pas positionné à false le smarty mais une fois réalisé j'ai toujours un temps de latence d'environ 20s et un temps de chargement encore trop long.

Je vais parcourir les différents fichiers pour vérifier le code Html.

^^

[juliens]

Je ne connais pas le tarif des mediaplan ovh mais les nouvelles offres sont beaucoup plus performantes.
Ca vaut peut être le coup de basculer d'offre (SQL Privé de 128RAM avec des ressources dédiées à vos bases SQL) surtout que la bascule est transparente.

cf http://www.ovh.com/fr/hebergement_mutualise/anciennes_offres_hebergement_mutualise.xml

720plan, mediaplan, xxlplan

Ces offres n'existent plus. Elles sont remplacées par le Pack Premium avec plus d'espace disque et plus de trafic mensuel. De plus, en terme de base SQL, vous disposez désormais d'une base de 1Go, de 3 bases de 200Mo et d'un serveur SQL Privé de 128RAM avec des ressources dédiées à vos bases SQL. Ceci vous permet de gérer un important site à succès. Si vous utilisez le 720Plan, le MediaPlan ou le XXLPlan en multidomaine, donc pour revendre l'hébergement à vos clients, vous pouvez compléter votre Pack Premium avec les offres de SQL Perso et dédier à chaque site une base de 25Mo ou 50Mo. Vous pouvez aussi gérer directement un serveur SQL Privé qui vous permet de profiter d'importantes ressources dédiées à vos bases SQL sans autre limite que la RAM de votre serveur SQL Privé. Grâce à ces offres, vous pouvez mieux exploiter les nouvelles ressources de votre Pack Premium sans réelles limites en terme de bases de données SQL. Pour ces sites vous pouvez créer un certificat SSL dédié.


Les basculements des anciennes offres


Il n'y aura aucune réinstallation à effectuer. Le basculement est une opération dans le manager. Il vous permettra de profiter de nouvelle(s) option(s) qui sont/seront disponible(s) dans les nouveaux Packs uniquement.

Sinon, une autre piste, vérifie ton log d'erreur appache et mysql si tu peux y accèder.

Peux tu tester en ajoutant les lignes suivantes dans le .htaccess du repertoire shop ?

SetEnv REGISTER_GLOBALS 0
SetEnv ZEND_OPTIMIZER 1
SetEnv MAGIC_QUOTES 0
SetEnv PHP_VER 5

[juliens]

Erreur 500, j'imagine que la modification htaccess n'a pas fonctionné

[micotn]

J'ai déja dans mon htacess SetEnv REGISTER_GLOBALS 0 et SetEnv PHP_VER 5.

SetEnv ZEND_OPTIMIZER 1 SetEnv MAGIC_QUOTES 0 font planté le site en 500 Internal Server

Ou est ce que je peux trouver mon log apache et mysql?

[juliens]

Je ne sais pas ou sont les logs des offres mutualisées ovh.
Par contre, via FireBug, j'ai vu qu'il y a une erreur : http://www.kenyx.fr/shop/modules/prestacuber/font.swf n'existe pas.

[micotn]

J'ai désactivé le module!

[Cédric Girard]

Bonjour

Micotn, ton site ne passe pas (en vrac !) sous Google Chrome apparemment... Ni sur Firefox (je viens de tester : même résultat)

Tu es peut-être en train de faire des tests ?

Sinon j'ai vu que tu avais optimisé pas mal de petites choses, mais il y a encore +600 Ko d'images sur la home, c'est (à mon avis) beaucoup trop. Trop chargé en fait !

[juliens]

Une fois l'attente initiale passée, les données charges vites.
A mon avis, la latence est dû a une lenteur mysql (slow queries)