🟣 Optimiser son CSS

Hello,
Une première piste à vérifier pour le css c'est que souvent les thèmes presta intègrent plusieurs types de couleurs sélectionnable à la main. Selon les devs ça peut être fait plus ou moins salement et tu peux te retrouver des fois avec des css doublés ou triplés uniquement pour ça. Donc une fois que tu choisis ta resitution du thème tu peux purger toutes les autres et ainsi réduire grandement la taille de tes css.
Tu peux aussi regarder à regrouper des css dans un seul fichier selon de comment ils sont appelés et pensez à le minifier mauellement aussi.

Par contre pour que ton thème soit vraiment lent as tu regardé d'autres points au dela du css?
As tu vérifié ta configuration prestan, ta config serveur et ta config htaccess?
Bon courage
Sifu

As tu déja regardé les options natives de presta pour la gestion des images? Tu peux jouer avec la qualité jpg et réduire en masse le poids des images comme ça mais attention à la perte de qualité

oui hormis le cache smarty, dès que je l'active ça me plante le thème par contre en ce qui concerne le cache serveur je n'ai pas osé l'activer, vu que je suis sur du mutualisé je suis pas sur que ça fonctionne. Je viens d'envoyer un message à OVH pour savoir si le memcache fonctionne

Le cache smarty et le cache serveur sont deux choses différentes, pour prestashop il faut absolument activer le cache smarty, cela ne pose aucun problème au contraire !

Optimiser le css ne te feras pas gagner des masses au niveau performance (tu peux tout de même le minifier avec des outils en ligne du genre : hxxps://cssminifier.com/) , dans un premier temps tu devrait activer les options de profiling dans  /config/defines.inc.php et en mettant la valeur PS_DEBUG_PROFILING à true

, idem pour la valeur PS_MOD_DEV.

tu auras ensuite plein statistiques qui vont s'afficher en front office lors du chargement des pages (attention à bien passer en mode maintenance avant de faire la manip), tu auras le détail de chaque élément qui se charge avec sa taille et son temps de chargement, tu pourras ensuite déterminer ce qui ralenti ton site

Pense aussi à désinstaller les modules inutiles car le fait de les désactiver ne suffit pas.

Ensuite, compare tes résultats avec hxxps://gtmetrix.com et hxxps://developers.google.com/speed/pagespeed/insights/

EDIT :: pour les fichiers *.css, si tu en a beaucoup, tu peux essayer de faire en sorte de les réunir en un seul fichier, moins il y a de requêtes au serveur, mieux c'est, il vaut mieux un ou deux gros css que 20 petits ! , n'hésite pas à minifier le js aussi (en faisant des backups avant de tester bien sur)

Dernière modification par descent (2017-11-06 21:54:05)

Ce qui est bizarre c'est que dès que je l'active ça me plante tout le design (taille de logo, slider KO...), j'identifie pas pourquoi.