{"id":409,"date":"2021-12-06T09:07:53","date_gmt":"2021-12-06T09:07:53","guid":{"rendered":"https:\/\/affiv.com\/?p=409"},"modified":"2021-12-23T04:22:05","modified_gmt":"2021-12-23T04:22:05","slug":"how-to-speed-up-time-to-first-byte-ttfb","status":"publish","type":"post","link":"https:\/\/affiv.com\/fr\/comment-accelerer-le-temps-au-premier-octet-ttfb\/","title":{"rendered":"Comment acc\u00e9l\u00e9rer le temps jusqu&#039;au premier octet (TTFB)"},"content":{"rendered":"<p>Ceux qui sont pr\u00e9occup\u00e9s par les performances Web front-end rencontreront le probl\u00e8me du temps d&#039;attente long jusqu&#039;au premier octet (TTFB) lors de l&#039;optimisation des performances Web. Pour les sites WordPress qui ne sont pas optimis\u00e9s, le temps TTFB d\u00e9passe souvent le temps de t\u00e9l\u00e9chargement du contenu de la page, entra\u00eenant un temps d&#039;attente inutile pour les utilisateurs. La raison principale de ce probl\u00e8me est du c\u00f4t\u00e9 du serveur, pour ceux qui ne sont pas familiers avec le fonctionnement et la maintenance du serveur ne savent peut-\u00eatre pas par o\u00f9 commencer, nous analyserons aujourd&#039;hui les diff\u00e9rents aspects des causes et des solutions du TTFB.<\/p>\n\n\n\n<div class=\"wp-block-ht-block-toc is-style-outline htoc htoc--position-wide toc-list-style-plain\" data-htoc-state=\"expanded\"><span class=\"htoc__title\"><span class=\"ht_toc_title\">Table des mati\u00e8res<\/span><span class=\"htoc__toggle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\"><g fill=\"#444\"><path d=\"M15 7H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1z\"><\/path><path d=\"M15 1H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1zM15 13H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1z\"><\/path><\/g><\/svg><\/span><\/span><div class=\"htoc__itemswrap\"><ul class=\"ht_toc_list\"><li class=\"\"><a href=\"#what-is-time-to-first-byte-ttfb\">Qu&#039;est-ce que le temps jusqu&#039;au premier octet (TTFB)<\/a><\/li><li class=\"\"><a href=\"#how-long-is-ttfb-time-considered-long\">Combien de temps le temps TTFB est-il consid\u00e9r\u00e9 comme long\u00a0?<\/a><\/li><li class=\"\"><a href=\"#static-webpage-waiting-time-ttfb\">Temps d&#039;attente de page Web statique (TTFB)<\/a><\/li><li class=\"\"><a href=\"#dynamic-webpage-waiting-time-ttfb\">Temps d&#039;attente de page Web dynamique (TTFB)<\/a><\/li><li class=\"\"><a href=\"#reasons-for-long-ttfb\">Raisons du long TTFB<\/a><\/li><li class=\"\"><a href=\"#the-solution-for-long-ttfb\">La solution pour les longs TTFB<\/a><\/li><\/ul><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-time-to-first-byte-ttfb\">Qu&#039;est-ce que le temps jusqu&#039;au premier octet (TTFB)<\/h2>\n\n\n\n<p>TTFB signifie Time to First Byte, qui fait r\u00e9f\u00e9rence au moment o\u00f9 le navigateur commence \u00e0 recevoir les donn\u00e9es de r\u00e9ponse du serveur (temps de traitement en arri\u00e8re-plan + temps de redirection), et est un indicateur important de la vitesse de r\u00e9ponse du serveur. Par exemple, si vous posez une question \u00e0 votre ami, plus votre ami pense court, plus il est intelligent ou plus il conna\u00eet votre probl\u00e8me. Pour le serveur, plus le temps TTFB est court, plus la r\u00e9ponse du serveur est rapide.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-long-is-ttfb-time-considered-long\">Combien de temps le temps TTFB est-il consid\u00e9r\u00e9 comme long\u00a0?<\/h2>\n\n\n\n<p>\u00c9tant donn\u00e9 que le mat\u00e9riel et l&#039;environnement r\u00e9seau de chaque serveur sont diff\u00e9rents, l&#039;heure TTFB de chaque serveur est \u00e9galement diff\u00e9rente. Si vous voulez savoir dans quelle mesure votre serveur peut \u00eatre optimis\u00e9, vous pouvez t\u00e9l\u00e9charger des pages HTML statiques sur le serveur, puis ouvrir ces pages statiques pour voir le temps TTFB de certaines de ces pages, la plupart des serveurs ont un temps TTFB inf\u00e9rieur \u00e0 50 ms, c&#039;est le moment o\u00f9 nous pouvons poursuivre l&#039;optimisation. Les temps TTFB dans les deux figures suivantes sont les temps d&#039;attente TTFB des pages statiques et dynamiques sur le serveur o\u00f9 ce site est h\u00e9berg\u00e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"static-webpage-waiting-time-ttfb\">Temps d&#039;attente de page Web statique (TTFB)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-static.png\" alt=\"Acc\u00e9l\u00e9rer le TTFB\" class=\"wp-image-410 lazyload\"\/><noscript><img decoding=\"async\" width=\"857\" height=\"336\" src=\"https:\/\/i0.wp.com\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-static.png?resize=857%2C336&#038;ssl=1\" alt=\"Acc\u00e9l\u00e9rer le TTFB\" class=\"wp-image-410 lazyload\" srcset=\"https:\/\/i0.wp.com\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-static.png?w=857&amp;ssl=1 857w, https:\/\/i0.wp.com\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-static.png?resize=300%2C118&amp;ssl=1 300w, https:\/\/i0.wp.com\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-static.png?resize=768%2C301&amp;ssl=1 768w, https:\/\/i0.wp.com\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-static.png?resize=18%2C7&amp;ssl=1 18w\" sizes=\"(max-width: 857px) 100vw, 857px\" data-recalc-dims=\"1\" \/><\/noscript><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dynamic-webpage-waiting-time-ttfb\">Temps d&#039;attente de page Web dynamique (TTFB)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-dynamic.png\" alt=\"Acc\u00e9l\u00e9rer le TTFB\" class=\"wp-image-411 lazyload\"\/><noscript><img decoding=\"async\" width=\"860\" height=\"336\" src=\"https:\/\/i0.wp.com\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-dynamic.png?resize=860%2C336&#038;ssl=1\" alt=\"Acc\u00e9l\u00e9rer le TTFB\" class=\"wp-image-411 lazyload\" srcset=\"https:\/\/i0.wp.com\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-dynamic.png?w=860&amp;ssl=1 860w, https:\/\/i0.wp.com\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-dynamic.png?resize=300%2C117&amp;ssl=1 300w, https:\/\/i0.wp.com\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-dynamic.png?resize=768%2C300&amp;ssl=1 768w, https:\/\/i0.wp.com\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-dynamic.png?resize=18%2C7&amp;ssl=1 18w\" sizes=\"(max-width: 860px) 100vw, 860px\" data-recalc-dims=\"1\" \/><\/noscript><\/figure>\n\n\n\n<p>D&#039;apr\u00e8s nos tests, si le temps TTFB d\u00e9passe 500 ms, les utilisateurs ressentiront une attente importante \u00e0 l&#039;ouverture de la page web. On peut consid\u00e9rer que 500 ms est la r\u00e9f\u00e9rence.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"reasons-for-long-ttfb\">Raisons du long TTFB<\/h2>\n\n\n\n<p>Comme nous le savons, pour les pages Web dynamiques, lorsque le serveur re\u00e7oit une demande d&#039;un utilisateur pour ouvrir une page, il lit d&#039;abord les donn\u00e9es n\u00e9cessaires \u00e0 la page \u00e0 partir de la base de donn\u00e9es, puis passe les donn\u00e9es dans le mod\u00e8le, qui est rendu puis renvoy\u00e9 \u00e0 l&#039;utilisateur. \u00c9tant donn\u00e9 qu&#039;il faut un certain temps pour interroger les donn\u00e9es et afficher le mod\u00e8le, le navigateur est constamment dans un \u00e9tat d&#039;attente pour recevoir une r\u00e9ponse du serveur jusqu&#039;\u00e0 ce que ce processus soit termin\u00e9. Certains services ont des performances inf\u00e9rieures ou ne sont pas bien optimis\u00e9s, et ce temps sera plus long.<\/p>\n\n\n\n<p>Bien s\u00fbr, si le r\u00e9seau entre le serveur et l&#039;utilisateur n&#039;est pas bon, (par exemple, si le serveur est en Europe et l&#039;utilisateur est en Asie, lorsque l&#039;utilisateur ouvre la page, la requ\u00eate doit parcourir des milliers de kilom\u00e8tres pour atteindre le serveur), le serveur met trop de temps \u00e0 recevoir la requ\u00eate de l&#039;utilisateur, ce qui est aussi la raison du temps TTFB long.<\/p>\n\n\n\n<p>Parfois, la page enregistre trop de cookies dans le navigateur de l&#039;utilisateur, et chaque fois qu&#039;une demande est faite, ces cookies doivent \u00eatre envoy\u00e9s au serveur, et le serveur doit les traiter, ce qui est aussi l&#039;une des raisons du long TTFB temps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-solution-for-long-ttfb\">La solution pour les longs TTFB<\/h2>\n\n\n\n<p>Une fois que vous connaissez la cause, la solution est \u00e9vidente, et c&#039;est de raccourcir le temps de r\u00e9ponse du serveur. Lorsqu&#039;une page Web est charg\u00e9e, cela \u00e9quivaut \u00e0 t\u00e9l\u00e9charger la page statique directement depuis le serveur.<\/p>\n\n\n\n<p>Si la cause d&#039;un tel probl\u00e8me est le r\u00e9seau, changer de serveur est une solution plus directe. Si, pour une raison quelconque, vous ne pouvez pas changer de serveur, vous pouvez utiliser un CDN pour synchroniser les pages vers un n\u0153ud CDN plus proche de l&#039;utilisateur, ce qui est \u00e9galement une bonne solution.<\/p>\n\n\n\n<p>Si la cause est les cookies, vous pouvez supprimer certains cookies inutiles en modifiant l&#039;application, ou rationaliser le contenu des cookies, raccourcir la dur\u00e9e de validit\u00e9 des cookies, etc.,<\/p>","protected":false},"excerpt":{"rendered":"<p>Ceux qui sont pr\u00e9occup\u00e9s par les performances Web front-end rencontreront le probl\u00e8me du temps d&#039;attente long jusqu&#039;au premier octet (TTFB) lors de l&#039;optimisation des performances Web. Pour les sites WordPress qui ne sont pas optimis\u00e9s, le temps TTFB d\u00e9passe souvent le temps de t\u00e9l\u00e9chargement du contenu de la page, entra\u00eenant un temps d&#039;attente inutile pour les utilisateurs<\/p>","protected":false},"author":1,"featured_media":411,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[112],"tags":[137],"class_list":["post-409","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","tag-ttfb"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/affiv.com\/wp-content\/uploads\/2021\/12\/ttfb-dynamic.png?fit=860%2C336&ssl=1","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/affiv.com\/fr\/wp-json\/wp\/v2\/posts\/409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/affiv.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/affiv.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/affiv.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affiv.com\/fr\/wp-json\/wp\/v2\/comments?post=409"}],"version-history":[{"count":2,"href":"https:\/\/affiv.com\/fr\/wp-json\/wp\/v2\/posts\/409\/revisions"}],"predecessor-version":[{"id":498,"href":"https:\/\/affiv.com\/fr\/wp-json\/wp\/v2\/posts\/409\/revisions\/498"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affiv.com\/fr\/wp-json\/wp\/v2\/media\/411"}],"wp:attachment":[{"href":"https:\/\/affiv.com\/fr\/wp-json\/wp\/v2\/media?parent=409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affiv.com\/fr\/wp-json\/wp\/v2\/categories?post=409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affiv.com\/fr\/wp-json\/wp\/v2\/tags?post=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}