Temps de chargement, diminuer le travail du main thread

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par mweiss, 1 Juin 2021.

  1. mweiss
    mweiss WRInaute discret
    Inscrit:
    17 Juillet 2009
    Messages:
    103
    J'aime reçus:
    0
    Bonjour,

    J'aimerais avoir l'avis d'un expert en dév sur les temps de chargement du main thread des 3 pages principales de mon client.

    En effet, les outils Google Page Speed et GT metrix nous indiquent que le travail du main thread est très long.

    Je peux vous envoyer le lien du site en message privé.

    Merci beaucoup !

    Minimize main-thread work
    Le « fil conducteur (ou Main Thread) » est l’élément principal du navigateur d’un utilisateur qui est responsable de la transformation du code en une page web avec laquelle les visiteurs peuvent interagir. Il analyse et exécute le HTML, le CSS et le JavaScript. De plus, il est chargé de gérer les interactions avec les utilisateurs.
    Cela signifie que, lorsque le fil conducteur travaille dans le code de votre site, il ne peut pas également traiter les requêtes des utilisateurs. Si le travail du fil conducteur de votre site prend trop de temps, cela peut entraîner une mauvaise UX et des temps de chargement de page lents.
    Google PageSpeed signale les pages qui prennent plus de quatre secondes pour compléter le travail du fil conducxteur et présenter une page web utilisable :
    Certaines des méthodes utilisées pour réduire le travail du fil conducteur ont déjà été couvertes dans d’autres sections de cet article, notamment :
    Minification du code
    Suppression du code non utilisé
    Implémenter le cache
    Cependant, vous pouvez également envisager de fractionner le code. Ce processus consiste à décomposer votre JavaScript en paquets qui s’exécutent quand ils sont nécessaires, au lieu de demander aux navigateurs de les charger tous avant que la page ne devienne interactive.
    Webpack est souvent utilisé pour implémenter le fractionnement de code. Notez qu’il s’agit d’une technique assez avancée et que les débutants devraient généralement l’entreprendre seuls.
     
  2. saluts92
    saluts92 WRInaute impliqué
    Inscrit:
    12 Avril 2006
    Messages:
    962
    J'aime reçus:
    42
    envoi le lien du site en MP stp
     
  3. mweiss
    mweiss WRInaute discret
    Inscrit:
    17 Juillet 2009
    Messages:
    103
    J'aime reçus:
    0
    Bonjour, merci, je te l'ai envoyé en MP.
     
Chargement...
Similar Threads - chargement diminuer travail Forum Date
Comment accélérer chargement d'une image ? Développement d'un site Web ou d'une appli mobile 4 Septembre 2021
Temps de chargement - Une image full width peut-elle peser moins de 100ko ? Développement d'un site Web ou d'une appli mobile 1 Juin 2021
vitesse de chargement d'un site web Développement d'un site Web ou d'une appli mobile 9 Février 2021
Chargement composants par JS (fetch) - indexation dans Google Crawl et indexation Google, sitemaps 9 Octobre 2020
Search Console Problèmes chargements images Crawl et indexation Google, sitemaps 3 Septembre 2020
WordPress optimisation des temps de chargements Débuter en référencement 28 Juin 2020
Vitesse du site, temps de chargement etc Débuter en référencement 18 Février 2020
Chargement des pages, ton site tu optimiseras Référencement Google 27 Décembre 2019
Chrome va identifier les sites dont le chargement est lent Référencement Google 13 Novembre 2019
Test d'optimisation mobile : Problèmes de chargement de la page Débuter en référencement 10 Novembre 2019