🟣 Comment améliorer la vitesse de chargement de votre site ?

Salut @Antho38 ,

pour le gzip ca se passe dans le htaccess , il faut inserer quelques lignes de code: http://wpmarmite.com/htaccess-wordpress … ompression

Sinon je ne suis pas un specialiste du sujet mais pour un site de niche éditoriale tant que ton site se charge en moins de de 2 secondes c'est ok. Après pour un ecommerce là oui faut faire le maximum niveau optimisation.

Sinon tu as comme solution le plugin wprocket, mais c'est 39 euros la licence et cela fonctionne très bien.

Dernière modification par Ropo (2016-04-04 19:42:10)

oui comme l'a dit @J3R faudrait regler le problème du style.css en 404.

on dirait qu les css sont déjà regroupés (c'est une bonne pratique) et d'après ton code source ce serait avec bwp-minify, je connais pas le plugin mais si c'est bien celui là il à l'air d'avoir de mauvais avis dernièrement (plein de 1 étoile) donc surement il faudrait ne pas l'utiliser. Tu l'utilises bien ?

En plus ce fichier css regroupé et minifié  est en bas de code source alors que tout ce qui concerne l'affichage général et surtout au dessus de la ligne de flottaison doit être chargé en priorité comme ça l'utilisateur il a direct un bon affichage en haut de page.

J'essaye de corriger les problèmes que vous évoquez mais j'ai quelques questions.

@J3R Quand tu me parles du style css en 404, est-ce que tu parles de ça : @import url("/themes/hiero/style.css");
Si oui est ce que tu crois que ce problème est lié au fait que j'ai fait un thème enfant il y a peu de temps ? Pour corriger ce problème je fais comment, je supprime simplement cette ligne de code ?

Concernant le plugin facebook dont tu parles, je ne vois pas de quoi il s'agit. Le widget qui se trouve à droite sur toutes mes pages ne comporte pas la phrase que tu évoques, les boutons en bas d'article non plus...
Est-ce que tu peux m'en dire un peu plus s'il te plait ?

@J3R Je n'ai pas trouvé "data-show-facepile="true" mais j'ai "show_faces="true" du coup je l'ai passé en "false".

En ce qui concerne le style css j'avoue que je ne sais même pas s'il sert à quelque chose, j'imagine que oui puisque c'est le nom de mon thème mais bon ... je suis un peu perdu à ce niveau là pour être franc
En tout cas merci pour ton aide

Antho38 Salut, déjà commence par faire une analyse de ton site sur :

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.maigrir-comment.fr%2F&tab=desktop
https://gtmetrix.com/
http://www.webpagetest.org/

Les 3 sites ci-dessus sont complémentaires.

Au niveau du serveur il est bien sûr préférable d'avoir un serveur dédié, il y a plusieurs configurations, moi j'utilise Nginx + apache2 + php5-fpm +opcache + mysql
D'ailleurs google préconise Nginx.

Au sujet de tes images à compresser j'utilise souvent tiny, il fait très bien le taf
https://tinypng.com/

Retravaille tes fichiers .css
Mettre le code css sur une seule ligne et enlever les espaces, les tabulations et les commentaires. Tu vas gagner en taille de fichier et donc en chargement.
Essaye de regrouper tes .css dans un voir deux fichiers.

Tu as 28 .js ce qui veut dire, 28 requêtes sur ton serveur c'est beaucoup trop ! J'ai que 3 fichiers js sur mon site et pourtant je tourne avec un gros coucou (magento)
Charge tes .js en bas du site avant la balise </body>
Comme pour le css  mettre le code js sur une seule ligne et enlever les espaces, les tabulations et les commentaires.
Essaye de regrouper tes .js dans un voir deux ou trois fichiers.

Test tes pages avec le W3C pour voir si tu n'as pas d'erreur de codage html
https://validator.w3.org/

Bon courrage

@frcc78 C'est bien dommage !

pingdom fourni beaucoup moins d'informations techniques que les autres que j'ai cité, webpagetest permet de voir le Filmstrip View. Très intéressant pour voir comment se charge ta page.

Les sprites css n'apportent une plus value que si vous avez une dizaine d’icônes ou de petites images à charger sur votre site. Cela demande pas mal de temps pour un résultat  d'amélioration très faible.

@J3R  Ouai ça serait bien d'avoir des news...

Depuis que je me suis penché sur le SEO après avoir optimisé mon site au maximum techniquement (PageSpeed Insights | mobile 99/100 | ordinateur 99/100 | et sur Webpagetest Load time 1.270s first byte 0.098s start render 0.497s ), je commence à avoir un gros doute sur le fait que cela influence le ranking.

Certe, si ton site est vraiment très lent à se charger, je pense que cela peut y jouer, mais ... J'ai plus l'impression que l’amélioration en terme de performance technique va plus avoir un impact sur le confort du visiteur, le CA et les recherches que sur le ranking.
Voici un article http://www.seomix.fr/temps-chargement/

Je vais encore creuser la question ...

et pour la ressource complémentaire que tu as partagé, effectivement dans le cas de ecommerce, un temps de chargement trop long peut être fatal pour concrétiser une vente / augmenter un panier.

@bg62 C'est vrai que webpagetest estun bon tool, très complet et gratuit avec un serveur de test sur Paris qui permet d'avoir des résultats plus précis.

quelques trucs que je ne connaissais pas
sympa pour toutes ces infos @NicolasG