Comprendre le temps de chargement d'une page

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par e-kiwi, 22 Août 2012.

  1. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 257
    J'aime reçus:
    1
    Bonjour,

    J'ai un site assez lourd (Google donne un temps de chargement moyen de 6.2sec)
    j'essaye de comprendre ce qui prend le plus de temps, j'ai des appels vers 5-6 domaines (domaine de média, domaine pour la pub, domaine pour analytics / Xiti, Facebook, ...)

    avec la developer toolbarr, je n'arrive pas bien à comprendre le temps de chargement de chacun. par exemple je veux savoir combien de "secondes" prend les publicités à charger, et si ça fait ralentir le reste du site. je vais avoir pour un élément "300ms d'attente" avant "100ms de chargement". comment dois-je interpréter ça ? il faut juste additionner le temps de chargement ? prendre en compte l'attente ? cet outil est pourrie et il vaut mieux utiliser autre chose ?

    merci de votre aide !
     
  2. Alaindeloin
    Alaindeloin WRInaute passionné
    Inscrit:
    8 Janvier 2010
    Messages:
    1 328
    J'aime reçus:
    0
    Ca serait logique que le temps pour chaque soit attente + chargement :D
     
  3. lambi521
    lambi521 WRInaute passionné
    Inscrit:
    15 Juin 2010
    Messages:
    1 476
    J'aime reçus:
    0
    Le temps d'attente c'est le temps de réponse du serveur interrogé, et le temps de chargement c'est le temps que l'élément reçu soit affiché, enfin je crois !

    Par exemple moi j'ai un temps de chargement hyper rapide, ma page fait 35Ko, 97/100 sur PageSpeed, j'ai essayé de pas mal l'optimisé, mais le temps que mon serveur de BDD renvoie les réponses aux requêtes SQL, ben je perds beaucoup de temps !

    Du coup j'étais justement en train de voir pour mettre mes pages en cache HTML sur mon serveur pour éviter ces temps de requêtes/réponses, c'est la meilleure solution
     
  4. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 257
    J'aime reçus:
    1
    oui je suis 100% en cache déjà :) mais si je regarde les éléments pour un même domaine, ils se chargent à la suite, donc si j'ai 10 images qui prennent 100ms, la première aura

    attente chargement
    0 100
    100 100
    200 100
    300 100
    ...

    je ne vais pas additionner tous les temps d'attente, car c'est juste que cela se charge l'une après l'autre, non ?
     
  5. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    11 874
    J'aime reçus:
    72
    Utilises plutôt Firebug pour ce genre de chose, qui te donne le détail du temps de chargement élément par élément.
     
  6. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 257
    J'aime reçus:
    1
    oui c'est lui que j'utilise en fait, mais comment j’interprète ces résultats (attente vs chargement)
     
  7. oweb_bilou
    oweb_bilou WRInaute discret
    Inscrit:
    23 Juillet 2012
    Messages:
    80
    J'aime reçus:
    0
    Hello e-kiwi,
    Je ne suis pas sûr que cela puisse aider, mais un outil oueb appelé gtmetrix propose un genre de pagespeed avec une ligne de temps mettant bout à bout les détails d'attente+chargement de chaque élément.
    Après çà fait le boulot de pagespeed (avec conseils d'opti etc.)
    Edit : oui donc, mon intervention était inutile :lol:
     
  8. lambi521
    lambi521 WRInaute passionné
    Inscrit:
    15 Juin 2010
    Messages:
    1 476
    J'aime reçus:
    0
    Sinon Google Chrome > Clic droit > Inspecter l'élément > Network

    Pour ce qui est de tes images, surtout si tu es en cache, je pense que c'est juste l'affichage l'une derrière l'autre oui, je suis pas certain à 100% mais ça pourrait être quoi d'autres ?
     
  9. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 257
    J'aime reçus:
    1
    moi en gros je cherche un truc qui me dise :

    tps chargement total : x secondes
    domaine principal : x secondes
    domaine 1 : x secondes
    domaine 2 : x secondes
    domaine 3 : x seconde
     
  10. Steuveu78
    Steuveu78 Nouveau WRInaute
    Inscrit:
    26 Avril 2012
    Messages:
    41
    J'aime reçus:
    0
  11. kodoma
    kodoma Nouveau WRInaute
    Inscrit:
    10 Mai 2012
    Messages:
    4
    J'aime reçus:
    0
    En fait si je ne me trompe pas le navigateur web ne peut faire qu'un nombre limité de requêtes HTTP simultanément (peut-être 4 ou 8 je ne sais plus exactement) sur un même domaine.
    De ce fait, tu peux avoir du temps d'attente lorsque tu as beaucoup de ressources à télécharger (js, image, css, etc...)
    C'est pour ça que Google recommande d'utiliser des sous-domaines pour avoir la capacité de faire le plus en plus de requêtes HTTP en même temps et limité le fameux temps d'attente.

    Je ne pense pas que tu puisses séparer et analyser le temps de chargement entre chaque domaine d'ailleurs ça n'a pas de sens selon moi car le navigateur télécharge séquentiellement selon l'ordre donné dans ton code HTML.
     
  12. patapon87
    patapon87 WRInaute passionné
    Inscrit:
    12 Janvier 2010
    Messages:
    1 135
    J'aime reçus:
    0
  13. patapon87
    patapon87 WRInaute passionné
    Inscrit:
    12 Janvier 2010
    Messages:
    1 135
    J'aime reçus:
    0
  14. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 257
    J'aime reçus:
    1
    euh, je suis mal révéillé ? ou ça ?
     
  15. oweb_bilou
    oweb_bilou WRInaute discret
    Inscrit:
    23 Juillet 2012
    Messages:
    80
    J'aime reçus:
    0
    L'onglet timeline, mais elle ne diffère pas plus de ce que peut t'apporter les autres services de ce genre.

    En fait je n'arrive pas très bien à comprendre ce que tu cherches exactement, ce que tu cherches à savoir, c'est combien de temps prends chaque requête vers un domaine externe ? (genre les JS FB, XITI ou analytics ?)
    Par gt metrix, je passe par la timeline,, je cherche le fichier en question et vérifier comment il s'est comporté.
     
  16. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 257
    J'aime reçus:
    1
    non, pas chaque requête, mais le total temps par domaine

    en gros : les 15 requêtes vers ce serveur : 4.3s. les 19 requêtes vers ce domaine : 2.4sec, ... car chaque serveur a une seule utilité, ça me permettrait de dire : la pub , c 'est tant de temps, les médias, c'est tant de temps, etc ...
     
  17. oweb_bilou
    oweb_bilou WRInaute discret
    Inscrit:
    23 Juillet 2012
    Messages:
    80
    J'aime reçus:
    0
    donc logiquement avec la timeline de gtmetrix, tu peux récupérer ces infos; le seul problème c'est qu'il va falloir les retraiter : en copiant le contenu (en ouvrant "view larger version") et en l'intégrant dans un excel/openoffice, tu as en 3ème colonne les appels sur le serveur ou les domaines ext. de chaque élément. En filtrant tu devrais pouvoir avoir (enfin j'espère que je suis pas à côté de la plaque) les infos que tu souhaites
     
  18. patapon87
    patapon87 WRInaute passionné
    Inscrit:
    12 Janvier 2010
    Messages:
    1 135
    J'aime reçus:
    0
    C'est ce que je pensais oui. Tu ne l'as pas directement mais en recoupant les infos tu y arriverais.

    Alors c'est sûr faut pas le faire pour 100 pages différentes mais pour deux ou trois ça doit pouvoir se gérer
     
  19. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 257
    J'aime reçus:
    1
    Oui mais en fait ça donne la même chose que firebug, c'est juste que ça te permet d'ignorer certaines "pertes" du à une mauvaise connexion chez soi ^^

    merci !
     
  20. patapon87
    patapon87 WRInaute passionné
    Inscrit:
    12 Janvier 2010
    Messages:
    1 135
    J'aime reçus:
    0
    Je viens de faire un test : tu peux te servir d'http watch pour faire des tests par domaine :)
     
  21. contact449
    contact449 Nouveau WRInaute
    Inscrit:
    3 Octobre 2012
    Messages:
    1
    J'aime reçus:
    0
    Bonjour,
    j'ai un soucis du meme ordre, suis en train d'optimiser ma page d'index, apres recherches, j'en ai fini par élaborer un htaccess validé par mon hébergeur. Ce document htaccess m'a divisé mon Page Load Speed par 3! Cependant, pour des raisons qui m'échappent complètement, le gzipping n'a pas l'air de se faire complètement. Donc : gtmetrix me donne un temps / 3 mais continue de me renvoyer des infos comme quoi le gzipping ne se fait pas sur tous les dossiers - info confirmé par les statistiques google developers.google.com/speed/pagespeed/insights.
    Bref, ci-dessos le code htaccess en question :

    Suis preneur de toute insight!

    <ifModule mod_gzip.c>
    mod_gzip_on Yes
    mod_gzip_dechunk Yes
    mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler ^cgi-script$
    mod_gzip_item_include mime ^text/.*
    mod_gzip_item_include mime ^application/x-javascript.*
    mod_gzip_item_exclude mime ^image/.*
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
    </ifModule>

    # les proxies ne doivent pas décompresser le contenu à la place de l'internaute
    Header append Vary "User-Agent env=!dont-vary"


    <ifModule mod_rewrite.c>
    RewriteEngine on
    RewriteRule ^(.*\.(js|css))$ jsmart/load.php?file=$1
    </ifModule>

    <ifModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault "access plus 1 seconds"
    ExpiresByType text/html "access plus 1 seconds"
    ExpiresByType image/gif "access plus 2592000 seconds"
    ExpiresByType image/jpeg "access plus 2592000 seconds"
    ExpiresByType image/png "access plus 2592000 seconds"
    ExpiresByType text/css "access plus 604800 seconds"
    ExpiresByType text/javascript "access plus 216000 seconds"
    ExpiresByType application/x-javascript "access plus 216000 seconds"
    </ifModule>

    <ifModule mod_headers.c>
    <filesMatch "\\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
    Header set Cache-Control "max-age=2592000, public"
    Header set Connection keep-alive
    </filesMatch>
    <filesMatch "\\.(css)$">
    Header set Cache-Control "max-age=604800, public"
    Header set Connection keep-alive
    </filesMatch>
    <filesMatch "\\.(js)$">
    Header set Cache-Control "max-age=216000, private"
    Header set Connection keep-alive
    </filesMatch>
    <filesMatch "\\.(xml|txt)$">
    Header set Cache-Control "max-age=216000, public, must-revalidate"
    Header set Connection keep-alive
    </filesMatch>
    <filesMatch "\\.(html|htm|php)$">
    Header set Cache-Control "max-age=1, private, must-revalidate"
    Header set Connection keep-alive
    </filesMatch>
    </ifModule>

    <ifModule mod_headers.c>
    Header unset ETag
    </ifModule>
    FileETag None

    <ifModule mod_headers.c>
    Header unset Last-Modified
     
Chargement...
Similar Threads - Comprendre chargement Forum Date
Besoin d'aide pour comprendre mon Analyse Dareboost Débuter en référencement 24 Août 2019
Comprendre le (Other) dans Acquisition/Canal Google Analytics 11 Juillet 2019
Comprendre les revenus d'AdSense AdSense 31 Décembre 2018
statistique à comprendre Le café de WebRankInfo 11 Décembre 2018
Comprendre une explosion de trafic sur 1 jour Google Analytics 7 Décembre 2018
Site pour comprendre le calcul de l'IR Demandes d'avis et de conseils sur vos sites 21 Novembre 2017
votre avis sur mon site pour comprendre Demandes d'avis et de conseils sur vos sites 8 Juillet 2017
SVP aidez moi à comprendre le social referral de mon site Google Analytics 9 Juin 2017
Référencement difficile à comprendre Débuter en référencement 29 Décembre 2015
Besoin de comprendre Débuter en référencement 23 Novembre 2015
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice