Reprise du message précédent :
Merci je comprends mieux
 
Je suis en train de tester W3 Total Cache à la place d'Autoptimize. Je constate qu'il élimine plus efficacement le rendu bloquant. En revanche ma note mobile n'est pas meilleure car maintenant c'est "le travail du thread principal" qui est trop long (+3,6s!). Ça continue ^^'

J'ai trouvé une méthode pour nettoyer et fusionner mes CSS : https://www.webperftools.com/blog/h [...] wordpress/
 
Peut-être que je vais tester. Ca implique de retirer tout plugin de cache/minification pour revenir à mes fichiers de base et créer un thème enfant. Quand j'aurai appliqué mon fichier css purifié, je pourrai éventuellement remettre W3TC pour parfaire le tout, notamment avec la fonction Critical CSS.
 
Une question néanmoins : avec cette méthode, mes futures modifications de la page dans Elementor ne fonctionneront pas, le CSS sera "figé" ? Ou bien Elementor fera le lien avec mon nouveau fichier CSS et le mettra donc à jour ?

Comme indiqué, le one page est très pénalisant sans chargement au fur et à mesure du scroll. Sur PC, c'est pas très pénalisant mais sur mobile, ça l'est énormément

J'en doute fort

J'aime vraiment la navigation par le scroll (et menu hamburger), d'autant plus sur mobile. Et puis j'aime vraiment Elementor.
 
Du coup... et si je séparais ma page en plusieurs pages (une par section) et que j'activais un infinite scroll (https://infinite-scroll.com) ?
 
Je ne sais pas encore comment configurer ça avec Wordpress et Elementor, mais si j'y arrive, ça chargera beaucoup plus vite le site sur mobile ?

J'ai le plaisir de partager avec vous les jolis scores que j'ai finalement réussi à obtenir, en restant avec Elementor et en One Page    
 

 
Ca m'a pris un temps fou, mais voilà ce que j'ai fait :
- Transformation de chaque section en des articles séparés.
- Index des derniers articles (avec modification de la date des articles pour que les sections apparaissent dans le bon ordre).  
- Affichage d'un seul article (le haut de page) + plugin "Ajax Load More" qui charge tous les autres d'un coup après un peu de scroll (attention ce plugin crée toutes sortes de conflits javascript, ça peut être compliqué).
- Hébergement de mes polices de caractères.
- Réduction et compression de mes images.
- Suppression des plugins d'addons pour Elementor, en reproduisant moi-même les effets qu'ils m'apportaient (widget code html + CSS personnalisé + un tout petit peu de javascript).
- Plugin AssetCleanUp pour désactiver les .css et .js qui étaient à 100% inutilisés (repérés via l'outil Coverage de Chrome).
- Plugin W3 Total Cache pour le cache et la minification.
- Cloudflare pour le cache serveur, en changeant les DNS auprès du service client d'O2Switch.
 
J'admet que j'ai de longues barres violettes dans GTMetric, le "waiting time", qui si je comprend bien correspond à une certaine latence de mon hébergeur. Ca m'étonne mais je ne sais pas quoi faire, et vue la rapidité malgré tout j'en reste là.
 
Merci pour votre aide. En espérant que cette feuille de route pourra être utile à d'autres    
 
Au passage, si vous avez 2 minutes et l'âme charitable, ce serait super sympa de partager le lien de mon site sur vos réseaux sociaux : https://hesteau-avocat.fr.    

Bravo pour ton travail et t'être accroché pour arriver à ton but. Ca prend du temps le dév, hein ? Et là, c'est pour une page, alors imagine une appli complète  

Merci    
Ça reste du boulot d’amateur, un pro aurait fait ça mieux et plus vite, mais bon j’aime bien les casse tête de ce genre    Ça doit être un beau métier, développeur. À la fois créatif et technique

Oui, mais très chronophage quand on tombe sur des galères, parfois bien difficiles à résoudre. Parfois, tu peux passer des heures à chercher la petite option ou instruction qui va faire que ça marche. Quand tu trouves, tu fais "champion du monde"  
Mais quelqu'un qui ne connaît pas et ne sait pas par quoi tu es passé va se dire : purée, 8h pour taper quelques caractères !   Il en branle pas une le mec ...