Sites lents : hébergeur ou pb de conception?

Version imprimable

20/04/2018, 14h05
nicolecmoi

Sites lents : hébergeur ou pb de conception?

Bonjour,

Je gère 2 sites :
http://www.costa-tropical.net (hébergé chez Gandi.net, offre simplehosting à 4€ par mois : https://v4.gandi.net/hebergement/sim...e=php&db=mysql)
Résultat des tests de performance : https://www.webpagetest.org/result/1...b9026fed5de15/
et http://www.spainvilla.es (hébergé chez OVH, https://www.ovh.com/fr/hebergement-w...ment-perso.xml)
Résultat des tests de performance : https://www.webpagetest.org/result/1...7c0e25b5bd1a6/

Les 2 sites ont été développés en utilisant le même thème Wordpress nommé WPCasa.

J'observe que les 2 sites sont extrêmement lents.

En particulier, dans les 2 cas, le TTFB est supérieur à 3 secondes en moyenne.

Comment puis-je savoir quelle en est la cause?
Serait-ce un pb d'hébergeur ou de conception des sites?

Merci de votre aide !
20/04/2018, 15h11
NoSmoking

Bonjour,
fais un test avec PageSpeed Insights pour avoir une première approche des améliorations possibles.

Un gain appréciable serait de ne charger que des images aux bonnes dimensions exemple :

Citation:

Envoyé par informations sur la page:

http://www.spainvilla.es/wp-content/uploads/2018/02/IMG_20180123_113309873-1000x625.jpg -> 1 000px × 625px (redimensionné à 363px × 227px)

Sans préjuger du reste !
20/04/2018, 16h22
nicolecmoi

Bonjour NoSmoking,

Merci de tes conseils!

Citation:

Envoyé par NoSmoking

fais un test avec PageSpeed Insights pour avoir une première approche des améliorations possibles.

OK, je vais le faire et je posterai dans cette discussion si je rencontre un problème

Citation:

Envoyé par NoSmoking

Un gain appréciable serait de ne charger que des images aux bonnes dimensions exemple :

En fait, ces images figurent sur des fiches produits et le thème wordpress WPCasa les utilise pour afficher des vignettes à un format réduite. Je suppose que c'est pour cela que l'image appelée est surdimensionnée par rapport à la vignette.
Le problème, c'est que je ne pense pas avoir accès à ce type de modifiaction du thème.

Je suis en train d'utiliser une extension wordpress qui optimise les images, mais je ne pense pas que cela change bcp le potage.
20/04/2018, 19h50
psychadelic

c'est pas la taille des images qui est le plus important, mais leurs poids ( le nombre d'octets)

Différentes approches ont démontré qu'on obtenait un poids plus faible en augmentant la taille d'une image et en la compressant ensuite.
plutôt que de compresser une image de taille plus réduite mais de densité en pixels plus grande.
Car il ne faut pas oublier qu'on à aussi affaire à des écrans à haute résolution (y compris sur smartPhone) et que la commpression d'une image à haute densité donnera aussi un rendu plus dégeu que la même image agrandie mais avec une densité plus faible.

Si en plus avec la réduction d'échelle offre une résolution plus faible tout en étant de meilleure qualité, alors c'est banco !
21/04/2018, 17h22
nicolecmoi

Bonjour psychadelic,

Alors là forcément, c'est très technique pour moi !!! Je vais essayer de décoder et voir s'il existe des extension wordpress qui permettraient de faire ce que tu indiques.
J'ai utilisé aujourd'hui une extension wordpress nommée WP Smush pour optimiser les images des 2 sites, et sur SpainVilla.es par exemple, ça me dit que j'ai gagné 150MO de poids sur les 8000 images optimisées.

Après, le gain en vitesse de chargement ne semble pas forcément énorme. En tout cas ce n'est pas un gain spectaculaire. Le TTFB demeure énorme (environ 3 secondes en moyenne).

Pensez-vous que le TTFB peut-être dû à la conception du site (dont notamment le poids des images) ou plutôt à l'hébergement?

Merci de votre aide, tout conseil est le bienvenu !
21/04/2018, 17h41
psychadelic

J'optimise moi-même mes images avec Gimp...
Le but c'est d'avoir des images les plus légères possibles tout en conservant la qualité de rendu sur des écrans rétina.
La façon d'opérer peut être tres différentes entre 2 images, suivant que l'une présente une multitude de couleurs ou une multitude de nuances de gris ( genre carrosserie de voiture )

Je n'utilise pas WordPress ni rien aucun CMS ou Frameworks à base de données, je les trouve toujours trop lents par rapport à ce qu'on peut obtenir avec Hexo.io par exemple, quand à acheter des thèmes tout fait, très peu pour moi; je me débrouille suffisamment en css pour pouvoir m'en passer.

Bien sur, mes sites ne sont pas non plus des monstres avec plus de 1000 pages ;)
24/04/2018, 16h17
NoSmoking

Ma réponse concernant les images est motivée au vu des graphiques qui indiquent des taux de répartition important.

Citation:

Envoyé par psychadelic

c'est pas la taille des images qui est le plus important, mais leurs poids ...
Différentes approches ont démontré qu'on obtenait un poids plus faible en augmentant la taille d'une image et en la compressant ensuite.

c'est tout à fait vrai même si dans le cas présent les images ne se prête guère à ce résultat, peu de zone monotone sur la plupart des images que j'ai observée, mais le gain peut effectivement être non négligeable.

Dans cette présentation, Les fondamentaux du Responsive Web Design, ton propos est illustré au paragraphe Images compressées.

Citation:

Envoyé par nicolecmoi

J'ai utilisé aujourd'hui une extension wordpress nommée WP Smush pour optimiser les images des 2 sites, et sur SpainVilla.es par exemple, ça me dit que j'ai gagné 150MO de poids sur les 8000 images optimisées.

ça c'est pas rien ;)