Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1261 connectés 

 



 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Auteur Sujet :

[Résolu] Performance Elementor et One Page, trop de CSS et Javascript

n°2355577
carpediemi​kl
Posté le 09-06-2020 à 15:59:36  profilanswer
 

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 ^^'


Message édité par carpediemikl le 09-06-2020 à 16:02:35

---------------
Mon feedback
mood
Publicité
Posté le 09-06-2020 à 15:59:36  profilanswer
 

n°2355588
carpediemi​kl
Posté le 09-06-2020 à 18:52:29  profilanswer
 

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 ?


---------------
Mon feedback
n°2355589
rufo
Pas me confondre avec Lycos!
Posté le 09-06-2020 à 19:33:28  profilanswer
 

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 :o


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta
n°2355590
rufo
Pas me confondre avec Lycos!
Posté le 09-06-2020 à 19:34:11  profilanswer
 

carpediemikl a écrit :

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 ?


J'en doute fort :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta
n°2355592
carpediemi​kl
Posté le 09-06-2020 à 20:03:24  profilanswer
 

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 ?


---------------
Mon feedback
n°2357252
carpediemi​kl
Posté le 02-07-2020 à 23:39:06  profilanswer
 

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  :D  
 
https://i.ibb.co/dL0V2bp/perf-ha.jpg
 
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.  :jap:  :hello:

n°2357254
rufo
Pas me confondre avec Lycos!
Posté le 03-07-2020 à 08:14:47  profilanswer
 

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  :whistle:


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta
n°2357280
carpediemi​kl
Posté le 03-07-2020 à 14:07:30  profilanswer
 

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  :D  Ça doit être un beau métier, développeur. À la fois créatif et technique

n°2357349
rufo
Pas me confondre avec Lycos!
Posté le 03-07-2020 à 18:38:59  profilanswer
 

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" :bounce:  
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 !  :ouch: Il en branle pas une le mec :o...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante

Aller à :
Ajouter une réponse
 

Sujets relatifs
Blend Mode CSSCSS: récupérer la position courante d'une animation pour l'inverser ?
Fonction javascriptinterface utilisateur modifiant contenu HTML et CSS
[javascript]-Détecter les changements des checkbox[Javascript] Désélectionner un choix d'un select
CSS - Retour en haut de colonne[Javascript] CORS et API calls
Grid CSSLive Search Javascript
Plus de sujets relatifs à : [Résolu] Performance Elementor et One Page, trop de CSS et Javascript


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR