Bonjour à tous,

J'aimerai avoir un peu d'aide pour optimiser un site web que je me suis fait en éditant moi-même (et donc probablement de manière un peu hasardeuse) un theme wordpress.

Voici le lien :
http://127avenuedeflandre.com

Mon site à exactement l'aspect que je souhaite lui donner, mais par contre il est lent comme tout.
Sur le test de google, PageSpeed Insights, j'obtiens la note record de 0/100 !

https://developers.google.com/speed/pagespeed/insights/?hl=fr&url=http%3A%2F%2F127avenuedeflandre.com&tab=desktop

Je ne sais pas trop comment changer ça. J'ai pris le thème wp-portfolio dont j'ai modifié quasi exclusivement le css. (un tout petit peu de javascript aussi).

Peut etre qu'un infinite scroll pourrait aider ? en ne chargeant que le haut de la page ?

Bref je suis un peu paumé.

Merci d'avance pour votre aide,

cdt,

Officieum

C'est vraiment censé ressembler à ça ?
En tout cas vu la taille des images c'est normal que ce soit lent

effectivement le design de ton site est... spéciale (c'est juste les photos alignés une en dessous de l'autre chez moi).

Sans vraiment regarder, à vue d'oeil je dirais que ton problème de lenteur viens de la taille et du poid de tes images...

merci pour ces réponses,

effectivement, je veux les images de cette taille en arrivant sur le site,
il y a un bouton pour switcher de feuille css en haut, pour rendre la lecture plus aisée ensuite,
mais l'idée est d'avoir ces photos plein écran dès le début

selon moi, mes images ne sont pas enormes : c'est du 1200*1200 px donc grosso modo un peu moins d'1 mega par image... mais le probleme je pense est qu'elles se chargent toutes simultanément ... alors que le design ne necessite le chargement que d'une image à la fois

avez vous une idée ?

Réduis la taille des images, le poids, pas la dimension

merci,

c'est ce que j'ai fait, je perds un peu en qualité je trouve mais le temps de chargement est incomparable.

mon score est maintenant de 80/100, beaucoup mieux.

Il reste ce détail :

- Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison

vous pensez que ca peut améliorer nettement la rapidité ? ou c'est seulement quelques dixieme de seconde ?

si c'est utile, je veux bien un coup de main pour ce point.

merci,

Off

Le 26 mai 2017 à 00:40:03 officieum3 a écrit :
selon moi, mes images ne sont pas enormes : c'est du 1200*1200 px donc grosso modo un peu moins d'1 mega par image... mais le probleme je pense est qu'elles se chargent toutes simultanément ... alors que le design ne necessite le chargement que d'une image à la fois

avez vous une idée ?

Pour qu'elles ne se chargent pas toutes simultanément, télécharge un plugin de lazy load, ça doit très certainement (c'est sûr même) exister pour wordpress.

Par contre le design n'est pas du tout user-friendly, c'est quasi illisible, surtout avec un écran assez grand qui fait que les images sont énormes et donc totalement illisibles. Qui plus est, les boutons pour basculer de design sont bien trop petits je trouve.

Personellement je te recommande un developpement sur Bootstrap 👍 plusieurs themes sont dispos qui permettront d'habiller ton site et Bootstrap a la particularité d'adapter ton site à n'importe quel support

Pourquoi mettre ce gros tas d'images énormes ?

Il faut mettre plus de textes, et moins d'images, et des images plus petites.

Si tu fait un classement de tes images tu as pas besoin de toutes les charger sur accueil.

Merci pour ces réponses, je vais regarder le lazy load

Pour le design, je comprends vos avis,
mais le site à la forme exacte que je souhaite lui donner,
je ne vais pas mettre "plus de textes, et moins d'images, et des images plus petites."
c'est une autre question, pour laquelle je ne cherche pas de conseil!

Merci à tous pour votre aide,
cdt,

Off

Combien d'heures de travail pour cette merde ?

Le 28 mai 2017 à 19:12:00 Arigato75 a écrit :
Combien d'heures de travail pour cette merde ?

Bravo, tu es élu l'abrutis de l'année

Sinon, essaye de voir coté jquery pour faire un affichage des images au fur à mesure.

Le 29 mai 2017 à 19:20:11 netde a écrit :

Le 28 mai 2017 à 19:12:00 Arigato75 a écrit :
Combien d'heures de travail pour cette merde ?

Bravo, tu es élu l'abrutis de l'année

Sinon, essaye de voir coté jquery pour faire un affichage des images au fur à mesure.

Et toi l'abruti du siècle en lui répondant sérieusement

Le 29 mai 2017 à 20:59:28 Arigato75 a écrit :

Le 29 mai 2017 à 19:20:11 netde a écrit :

Le 28 mai 2017 à 19:12:00 Arigato75 a écrit :
Combien d'heures de travail pour cette merde ?

Bravo, tu es élu l'abrutis de l'année

Sinon, essaye de voir coté jquery pour faire un affichage des images au fur à mesure.

Et toi l'abruti du siècle en lui répondant sérieusement

Tu as un problème affectif ?

il y'a des sites où il faut un processeur 8 coeurs pour executer les tonnes de javascript. Ici il faut la fibre pour pouvoir y accèder , chacun son style

Au delà de ça , le site à été fait avec les pieds , une honte d'infliger ça aux visiteurs