Google d\u00e9finit le TTFB comme un temps d\u2019attente<\/a> :<\/p>\n\n\n\n \u201cLe temps pass\u00e9 \u00e0 attendre la r\u00e9ponse initiale, aussi connu sous le nom de Time To First Byte. Ce temps comprend la latence d\u2019un aller-retour au serveur ainsi que le temps pass\u00e9 \u00e0 attendre que le serveur donne la r\u00e9ponse.\u201d<\/em><\/p>\n\n\n\n En simple, le TTFB va du moment o\u00f9 vous naviguez vers une page web jusqu\u2019au moment ou la page commence \u00e0 se charger. <\/p>\n\n\n\n Le TTFB est compos\u00e9 de 3 \u00e9l\u00e9ments s\u00e9par\u00e9s :<\/p>\n\n\n\n Le TTFB commence avec la requ\u00eate. Le temps n\u00e9cessaire pour que le serveur re\u00e7oive cette requ\u00eate d\u00e9pend du temps n\u00e9cessaire pour accomplir la recherche DNS, de la vitesse du r\u00e9seau de l\u2019utilisateur, de la distance avec le serveur, et n\u2019importe quelle interruption de connexion. <\/p>\n\n\n\n Une fois que le serveur a re\u00e7u la requ\u00eate, il doit la traiter et g\u00e9n\u00e9rer une r\u00e9ponse. Cela implique de d\u00e9marrer des processus, faire des appels \u00e0 la base de donn\u00e9es, ex\u00e9cuter des scripts, et communiquer avec d\u2019autres syst\u00e8mes sur le r\u00e9seau. <\/p>\n\n\n\n Pour finir, le serveur doit envoyer la r\u00e9ponse \u00e0 l\u2019utilisateur. Cette \u00e9tape d\u00e9pend \u00e0 la fois de la vitesse de r\u00e9seau du serveur et de l\u2019utilisateur. Si l\u2019utilisateur a une connexion wifi lente, cela va affecter le TTFB. La transmission de la requ\u00eate et la r\u00e9ponse via un r\u00e9seau peut compter pour presque 40 % du TTFB.<\/a><\/p>\n\n\n\n En r\u00e9sum\u00e9, plus le temps pris pour envoyer la requ\u00eate au serveur, la traiter et la renvoyer au navigateur de l\u2019utilisateur est grand, plus votre page mettra du temps \u00e0 se charger et \u00eatre visible par l\u2019utilisateur.<\/p>\n\n\n\n Le TTFB est un facteur qui contribue \u00e0 la vitesse g\u00e9n\u00e9rale de votre page. C\u2019est donc une donn\u00e9e importante \u00e0 prendre en compte et \u00e0 optimiser. Il faut aussi ne pas confondre le TTFB avec la vitesse d\u2019un site. Le TTFB est simplement une donn\u00e9e qui vous aide \u00e0 conna\u00eetre la r\u00e9activit\u00e9 de votre site. <\/p>\n\n\n\n Mais le TTFB est-il important ? Le jury d\u00e9lib\u00e8re encore sur la question. D\u2019un c\u00f4t\u00e9, l\u2019ing\u00e9nieure en performance web de Google indique que le TTFB compte \u201cabsolument\u201d<\/a>, Cloudflare dit que vous ne devriez pas vous inqui\u00e9ter de votre TTFB<\/a>.<\/p>\n\n\n\n Il est tout de m\u00eame int\u00e9ressant de noter que Moz a fait une grosse \u00e9tude sur le TTFB<\/a> et a trouv\u00e9 une corr\u00e9lation claire entre un TTFB rapide et un rang plus \u00e9lev\u00e9 dans les r\u00e9sultats de moteurs de recherche. Le lien entre les deux n\u2019a pas pu \u00eatre prouv\u00e9 enti\u00e8rement, les auteurs de l\u2019\u00e9tude ont tout de m\u00eame affirm\u00e9 que la corr\u00e9lation \u00e9tait assez forte pour qu\u2019on s\u2019y int\u00e9resse. <\/p>\n\n\n\n Je vous encourage \u00e0 lire les deux c\u00f4t\u00e9s de l\u2019argumentation, et de jeter un coup d\u2019oeil \u00e0 l\u2019\u00e9tude de Moz. Quel que soit le r\u00e9sultat, le TTFB reste une donn\u00e9e qui est (en grande partie) sous votre contr\u00f4le et que vous pouvez modifier pour augmenter la vitesse de votre site. Alors pourquoi pas le r\u00e9duire pour rendre votre site plus rapide ? <\/p>\n\n\n\n Au bout du compte, l\u2019important est d\u2019am\u00e9liorer l\u2019exp\u00e9rience de vos utilisateurs. Car en r\u00e9duisant votre TTFB :<\/p>\n\n\n\n Googlerecommande d\u2019avoir un TTFB inf\u00e9rieur \u00e0 200 ms<\/strong><\/a>.<\/p>\n\n\n\n rackAID, d\u2019un autre c\u00f4t\u00e9, pr\u00e9cise un peu les chiffres<\/a>, et sugg\u00e8re un TTFB inf\u00e9rieur \u00e0 100 ms pour les sites statiques avec du HTML, des images, du CSS et du JavaScript. Pour les sites dynamiques (comme les sites WordPress), ils recommandent un TTFB autour de 200-500 ms. <\/p>\n\n\n\n Le TTFB pour les sites dynamiques prend en compte ce qui se passe en arri\u00e8re-plan de votre site WordPress. Par exemple, quand une requ\u00eate est faite, les scripts PHP doivent appeler un certain nombre de fichiers inclus, faire une connexion avec la base de donn\u00e9es, analyser les r\u00e9sultats, et renvoyer la page HTML finale.<\/p>\n\n\n\n Si votre TTFB est sup\u00e9rieur \u00e0 quelques centaines de millisecondes, il se peut qu\u2019il y ait quelques points difficiles sur votre serveur auxquels vous devriez jeter un oeil. <\/p>\n\n\n\n Plus t\u00f4t dans l\u2019ann\u00e9e, nous avons regard\u00e9 le mod\u00e8le de performance RAIL<\/a>, qui prend en compte les temps de r\u00e9ponse. Si vous avez d\u00e9j\u00e0 cliqu\u00e9 sur quelques chose et que le temps de r\u00e9ponse \u00e9tait si long que vous vous demandiez si votre clic avait bien fonctionn\u00e9, vous avez alors cliqu\u00e9 une deuxi\u00e8me fois, mais en faisant cela vous avez interrompu la r\u00e9ponse \u00e0 votre premier clic\u2026 Eh bien, c\u2019est exactement le genre de choses que RAIL cherche \u00e0 \u00e9viter.<\/p>\n\n\n\n Google recommande aux sites que le traitement des actions\/inputs des utilisateurs restent en dessous de 50 ms afin d\u2019avoir une r\u00e9ponse visible en dessous de 100 ms. Pour les actions qui prennent plus de 50 ms \u00e0 s\u2019ex\u00e9cuter, donnez toujours un feedback \u00e0 l\u2019utilisateur, comme un indicateur de chargement ou un changement de couleur pour l\u2019\u00e9tat actif.<\/p>\n\n\n\n Pour plus d\u2019informations sur comment acc\u00e9l\u00e9rer votre site et am\u00e9liorer votre TTFB, vous pouvez aller lire l\u2019article de Code Like Pro : WordPress performance optimization<\/strong><\/a>.<\/p>\n\n\n\n En ce qui concerne les sites WordPress, il y a plusieurs facteurs qui peuvent avoir un impact sur le TTFB :<\/p>\n\n\n\n Il n\u2019y a pas grand chose \u00e0 faire pour r\u00e9soudre le trafic web \u00e9lev\u00e9 ou les probl\u00e8mes de r\u00e9seau. Mais il existe des moyens d\u2019am\u00e9liorer la configuration serveur, le contenu dynamique et le temps de r\u00e9ponse DNS. Nous allons les voir en d\u00e9tail ci-dessous. <\/p>\n\n\n\n La premi\u00e8re \u00e9tape pour comprendre pourquoi votre TTFB est \u00e9lev\u00e9e, c\u2019est de le mesurer. Il y a plusieurs mani\u00e8res de mesurer le TTFB, mais vous devez garder \u00e0 l\u2019esprit que chacun des outils suivants vous donnera un r\u00e9sultat diff\u00e9rent. Nous vous recommandons donc d\u2019utiliser l\u2019outil avec lequel vous \u00eates le plus \u00e0 l\u2019aise.<\/p>\n\n\n\n Vous pouvez facilement mesurer votre TTFB avec GTMetrix<\/a>. Celui ci nomme le TTFB \u201cwaiting\u201d time<\/em>.<\/p>\n\n\n\n Pour voir les r\u00e9sultats, scannez votre site et ouvrez la cascade des r\u00e9sultats. Quand vous passez la souris sur le premier r\u00e9sultat dans la liste, vous verrez les mesures de votre chargement, y compris le \u201cwaiting\u201d <\/em>(aka TTFB).<\/p>\n\n\n\n Vous pouvez \u00e9galement mesurer votre TTFB avec WebPageTest<\/strong><\/a>. Quand vous scannez votre site, les r\u00e9sultats vous montreront une note en lettre pour votre TTFB, et vous montreront \u00e9galement votre TTFB en secondes.<\/p>\n\n\n\n Pingdom<\/strong><\/a> mesure \u00e9galement le TTFB en le d\u00e9crivant comme \u201cwait\u201d time<\/em>. Pour utiliser cet outil, scannez simplement votre site et de faire d\u00e9filer les r\u00e9sultats jusqu\u2019\u00e0 la section \u201cFile Requests\u201d. L\u00e0, vous pourrez voir le wait time<\/em> de votre site et des requ\u00eates individuelles. <\/p>\n\n\n\n Un autre outil formidable pour mesurer le TTFB est fantastic tool for measuring TTFB is l\u2019outil de test de performance en ligne de KeyCDN<\/strong><\/a>. Il vous permet de mesurer rapidement votre TTFB depuis 14 localisations de test diff\u00e9rentes. Comme vous pouvez le voir dans les r\u00e9sultats ci-dessous, le TTFB du site WordPress.org est plus bas aux Etats-Unis et plus \u00e9lev\u00e9 en Europe, en Asie et en Australie, preuve que la distance et la latence jouent un r\u00f4le important dans le TTFB. <\/p>\n\n\n\n Voyons ensemble quelques moyens de r\u00e9duire le TTFB de votre site WordPress.<\/p>\n\n\n\n Utiliser un h\u00e9bergeur web rapide avec une architecture bien pens\u00e9e fera des merveilles pour r\u00e9duire votre TTFB. Les h\u00e9bergements g\u00e9r\u00e9s pour WordPress configurent leurs serveurs sp\u00e9cifiquement pour les sites WordPress, vous pouvez donc \u00eatre s\u00fbrs que votre contenu dynamique est entre de bonnes mains.<\/p>\n\n\n\n Il est crucial de prendre en compte o\u00f9<\/em> l\u2019h\u00e9bergeur de vos serveurs se situe. Choisissez un h\u00e9bergeur qui se trouve physiquement proche de la o\u00f9 sont vos utilisateurs. Par exemple, si la plupart de vos utilisateurs sont localis\u00e9s en Europe, vous devriez h\u00e9berger votre site en Europe, et non aux Etats-Unis. (Vous pouvez n\u00e9anmoins contourner cela avec un CDN, ce que nous allons voir plus bas.)<\/p>\n\n\n\n Aussi, vous ne pouvez peut-\u00eatre pas contr\u00f4ler la quantit\u00e9 de trafic que votre site re\u00e7oit, mais vous pouvez contr\u00f4ler l\u2019augmentation des ressources pour votre site. Si vous attendez un trafic \u00e9lev\u00e9 sur votre site, faites en sorte que votre h\u00e9bergeur soit capable d\u2019augmenter les ressources pour votre site rapidement pour am\u00e9liorer son TTFB. <\/p>\n\n\n\n L\u2019\u00e9quipe coeur de WordPress, tout comme les auteurs de plugins ou de th\u00e8mes, ajoutent r\u00e9guli\u00e8rement des optimisations de performances \u00e0 leurs mises \u00e0 jour. Parfois, cela se traduit par l\u2019optimisation des requ\u00eates que leur code ex\u00e9cute vers la base de donn\u00e9es, ou par des mises \u00e0 jour qui affectent directement l\u2019efficacit\u00e9 du code PHP. <\/p>\n\n\n\n Il est recommand\u00e9 de garder uniquement les plugins et th\u00e8mes dont vous avez besoin et de supprimer le reste. Passez r\u00e9guli\u00e8rement en revue vos plugins et vos th\u00e8mes, et retirer tous ceux dont vous ne vous servez plus. <\/p>\n\n\n\n La qualit\u00e9 de vos plugins peut \u00e9galement avoir un impact sur votre TTFB, faites attention aux plugins qui ont un impact sur la performance de votre site. Par exemple, Broken Link Checker est fait pour fonctionner en arri\u00e8re plan et chercher les liens cass\u00e9s r\u00e9guli\u00e8rement. Cela rend l\u2019admin WordPress plus lente et augmente le TTFB.<\/p>\n\n\n\n Souvent, le nombre de requ\u00eates que votre site envoie pour obtenir des informations de la base de donn\u00e9es peut affecter le TTFB. Pour vous aider \u00e0 identifier les requ\u00eates qui peuvent poser probl\u00e8me, vous pouvez essayer d\u2019installer un plugin comme Query Monitor<\/strong><\/a>, ou envisager un outil plus important comme New Relic<\/strong><\/a>. Ce dernier vous aidera \u00e0 creuser en profondeur dans les requ\u00eates \u00e0 la base de donn\u00e9es qui sont les plus chronophages ou qui ont le temps de requ\u00eate le plus long. Ainsi, vous saurez quels plugins, th\u00e8mes ou param\u00e8tres affectent la vitesse de votre page. <\/p>\n\n\n\n L\u2019un des moyens les plus faciles de faire baisser le TTFB est de mettre un cache en place pour votre site WordPress. La mise en cache aide \u00e0 r\u00e9duire le TTFB en aidant \u00e0 r\u00e9duire le temps de traitement du serveur. <\/p>\n\n\n\n Voyez avec votre h\u00e9bergeur web s\u2019ils proposent une offre de mise en cache d\u2019objet. La plupart du temps, vous devez demander \u00e0 votre h\u00e9bergeur d\u2019activer cette option. <\/p>\n\n\n\n Vous pouvez \u00e9galement mettre WP Rocket en place sur votre site pour mettre en cache le contenu dynamique, pour que vos pages soient rendues plus rapidement aux visiteurs de votre site qui reviennent !<\/p>\n\n\n\n Obtenez WP Rocket maintenant, et voyez l\u2019am\u00e9lioration imm\u00e9diatement !<\/strong><\/a><\/p>\n\n\n\n Utiliser un CDN de qualit\u00e9 peut vous aider \u00e0 livrer plus rapidement votre contenu statique (comme les images et les scripts) aux utilisateurs, gr\u00e2ce \u00e0 un r\u00e9seau de serveurs r\u00e9partis dans le monde. Cela veut dire que si, par exemple, votre serveur est situ\u00e9 en Europe, et vos utilisateurs sont pour la plupart situ\u00e9s aux Etats-Unis, ils recevront le contenu de votre site depuis un serveur situ\u00e9 plus pr\u00e8s d\u2019eux. <\/p>\n\n\n\n Cela r\u00e9duit la latence r\u00e9seau entre le serveur de votre site et vos visiteurs.<\/p>\n\n\n\n Pour en savoir plus sur les CDN et comment choisir le meilleur pour vous, allez lire Les meilleurs services de CDN pour WordPress<\/strong><\/a>.<\/p>\n\n\n\n La plupart des forfaits d\u2019h\u00e9bergement n\u2019offrent pas de DNS premium (hormis quelques h\u00e9bergeurs g\u00e9r\u00e9s par WordPress). En investissant dans un fournisseur DNS premium, vous vous assurez que les requ\u00eates DNS re\u00e7oivent une r\u00e9ponse avec une latence faible<\/strong><\/a> gr\u00e2ce \u00e0 un r\u00e9seau mondial de serveurs DNS, ce qui, en bout de ligne, vous aide \u00e0 r\u00e9duire votre TTFB.<\/p>\n\n\n\n Si vous voulez aller encore plus loin, vous pouvez envisager de mettre en place le DNS prefetching sur votre site. Cette technique vous permet de demander au navigateur de faire des correspondances DNS sur une page en arri\u00e8re plan pendant que l\u2019utilisateur est en train de naviguer. <\/p>\n\n\n\n1. Le temps n\u00e9cessaire pour envoyer la requ\u00eate HTTP<\/h3>\n\n\n\n
2. Le temps n\u00e9cessaire pour traiter la requ\u00eate<\/h3>\n\n\n\n
3. Le temps n\u00e9cessaire pour que le serveur renvoie au navigateur le premier byte de la r\u00e9ponse<\/h3>\n\n\n\n
Pourquoi le TTFB est-il important ?<\/strong><\/h2>\n\n\n\n
Qu\u2019est ce qu\u2019un bon TTFB ?<\/strong><\/h2>\n\n\n\n
Qu\u2019est ce qui cause un TTFB lent ? <\/strong><\/h2>\n\n\n\n
Comment mesurer le TTFB<\/strong><\/h2>\n\n\n\n
Mesurer le TTFB avec GTmetrix<\/strong><\/h3>\n\n\n\n
![\"Measuring](\"https:\/\/lh5.googleusercontent.com\/LgdEgLnR_Ll6TSTKaVdjZejX1gAJ-fHNeD9gZxX5oLPIzCQ-PZYit498ogqCINlNxUb9r6jwI41kiDRT7htrGOw9om2N0fRwnueff361cbVStCOwML6-TRucmYCHPFj9jvvrO8qS\")
Mesurer le TTFB avec WebPageTest<\/strong><\/h3>\n\n\n\n
<\/h3>\n\n\n\n
Mesurer le TTFB avec Pingdom<\/strong><\/h3>\n\n\n\n
![\"Measuring](\"https:\/\/lh3.googleusercontent.com\/s3An2bC3hL6WfAUyaM0I7vYatMRawa_K0FSY5Tvjbe8l7BictQFrrN9XXl7x_GfA5H5bdfNuYStocV4dCMWm657MNCgSIyEa6f6tr8hQAA3eZ92lRAaeUyyEpML7yz6DEh1XlFqn\")
Mesurer le TTFB avec l\u2019outil de performance web de KeyCDN<\/strong><\/h3>\n\n\n\n
![\"Measuring](\"https:\/\/lh6.googleusercontent.com\/NAF3-8n-bXw44HY6jMw5ER8Pq5EPLC_Gf6_z2jAjeaP8rebiTJyY34pryHVyN6fN6FDL6FtYL1HETj2VHqClfqsbPhxIUTBe8pVioQdpNBgxsJGcsUd8wnw0TSOaV-NahPmmKwSk\")
Comment r\u00e9duire le TTFB <\/strong><\/h2>\n\n\n\n
1. Utilisez un h\u00e9bergeur web rapide<\/strong><\/h3>\n\n\n\n
2. Assurez vous que WordPress, vos plugins et vos th\u00e8mes soient \u00e0 jour<\/strong><\/h3>\n\n\n\n
3. R\u00e9duire les Requ\u00eates<\/strong><\/h3>\n\n\n\n
4. Utilisez la mise en cache<\/strong><\/h3>\n\n\n\n
5. Utilisez un CDN<\/strong><\/h3>\n\n\n\n
6. Utilisez un service DNS premium <\/strong><\/h3>\n\n\n\n