Importance du TTFB - La mesure la plus importante à laquelle personne ne pense pour Core Web Vitals

TTFB. Il est temps de publier sur Facebook ? Football des tout-petits ? Thon et Tomate sur Pain aux Fibres? Tu étais plutôt chaleureux en pensant à ce sandwich ouvert au thon et à la tomate. TTFB, est bien sûr, "Time To First Byte". Vous le saviez tout le temps. Nous aussi, c'est juste que le food truck de Sam's 'Wich s'est arrêté et c'est l'heure du déjeuner ici.

Qu'est-ce que le TTFB et comment affecte-t-il mes sites Web ?

"Time to First Byte" (TTFB ou First Byte Time), est l'une des premières valeurs qui peuvent être mesurées sur le chemin d'un site Web entièrement chargé et représente le temps de réponse du serveur requis pour les négociations DNS, socket et SSL ( poignées de main). Si vous mesurez les Google Core Web Vitals de votre site Web, le TTFB est une sorte de chose importante.

"Octets ? Poignées de main ? Je veux juste que mon site Web se charge rapidement. J'ai optimisé mon site. J'ai les plugins. Je devrais être prêt à partir. Si vous n'êtes pas un technicien de serveur, beaucoup de ce qui se passe dans les coulisses de l'hébergement de sites Web ces jours-ci ressemble à SpaceX devrait les gérer. Nous avons compris. Mais pensez-y - même SpaceX utilise des parachutes pour la rentrée de la capsule et c'est un retour à la base.

Mettre votre site Web devant votre client, c'est comme se faire livrer votre pizza. En vous relaxant sur votre canapé, en regardant Netflix, vous obtenez des fringales et commandez une tarte. Peu de temps après, la sonnette retentit. Facile, non ? Arrive tout le temps. Et si votre pizza arrivait deux heures après votre commande ? Et vous ne commandez pas une seule pizza - vous en commandez une pour chacune des douze ou deux personnes qui se détendent avec vous. C'est la vie de l'Agence. C'est ce que cela signifie d'être en cours d'exécution une multitude de sites.

Les sites Web de vos clients doivent non seulement être trouvés (SEO) et parcourus (UX et UI), mais ils doivent également être livrés - à temps - à l'utilisateur final. Beaucoup de choses peuvent ralentir ce processus. Le temps de chargement du site Web est la première étape de ce processus - et cela ne devrait pas être l'une de ces choses qui ralentissent les sites Web de vos clients - ou tous ces clients - vers le bas.

Toujours dans les nuages ​​? Reprenons.

Qu'est-ce que les principaux éléments vitaux Web de Google ont à voir avec la vitesse du site ?

Google a commencé à parler de ses Core Web Vitals en mai 2020 et les a lancés en juin 2021. Nous en avons beaucoup entendu parler et travaillons probablement déjà dur pour garantir que nos sites Web se chargent rapidement, correspondent aux besoins de l'utilisateur et obtiennent le vert lumière de Google, n'est-ce pas ?

Core Web Vitals ne se limite pas à des sites Web à chargement rapide, il s'agit de sites Web performants. Tout se résume à UX - faire en sorte que vos sites Web se chargent rapidement afin que les gens puissent faire ce dont ils ont besoin.

Core Web Vitals veille non seulement à ce que vos pizzas soient livrées dès que vous cliquez sur "passer la commande", mais aussi à ce qu'elles aient bon goût.

Google Core Web Vitals mesure 3 choses : utilité, convivialité et plaisir

• Largest Contentful Paint (LCP) – Temps de chargement : rassure l'utilisateur sur l'utilité de vos sites Web. Cela devrait prendre moins de 2500 millisecondes. Il ne peut pas se charger tant que le serveur n'a pas établi de contact.

• First Input Delay (FID) – Interactivité : garantit que vos sites Web sont utilisables. Cela devrait prendre moins de 100 millisecondes.

• Cumulative Layout Shift (CLS) - Mouvement de site Web : garantit que vos sites Web sont agréables. Ce score doit être inférieur à 0,1.

Vous souhaitez mesurer vos sites Web pour Google Core Web Vitals ?

Alors, quelle est la connexion entre TTFB et Core Web Vitals ?

Tout comme vos pizzas - croûte épaisse, extra cheesy, n'est-ce pas ? - la livraison n'est pas l'histoire complète. L'expérience de la pizza est bien plus que cela. Il en va de même pour vos sites Web pour leurs utilisateurs finaux.

Outre les Core Web Vitals, il existe un autre terme qui doit être considéré séparément : les Google Web Vitals ou simplement appelés Web Vitals. Les Web Vitals incluent les métriques suivantes en plus des Core Web Vitals mentionnés ci-dessus :

Première peinture de contenu (FCP)

Le FCP est le laps de temps entre le début du chargement d'une page web et l'apparition du premier contenu à l'écran. Ce contenu comprend du texte, des images (y compris des images d'arrière-plan) et tout le contenu qui rend votre site Web génial. 900 millisecondes est une bonne vitesse ici.

Temps de blocage total (TBT)

Le TBT mesure le laps de temps entre le First Contentful Paint (FCP) et le Time to Interactive (TTI). Cela peut être utilisé, par exemple, pour mesurer les délais de réaction du navigateur. TBT doit être inférieur à 300 millisecondes.

Temps d'interactivité (TTI)

TTI nous indique combien de temps il faut après le début du chargement d'une page Web pour que les sous-ressources les plus importantes (comme les ressources tierces) soient chargées et que la page soit capable de répondre rapidement aux entrées de l'utilisateur. 2400 millisecondes est une bonne vitesse.

Interaction avec la peinture suivante (INP)

INP est une nouvelle métrique qui vise à représenter la latence d'interaction globale d'une page en sélectionnant l'une des interactions les plus longues qui se produisent lorsqu'un utilisateur visite une page. Pour les pages avec moins de 50 interactions au total, INP est l'interaction avec la pire latence. Pour les pages avec de nombreuses interactions, INP est le plus souvent le 98e centile de la latence d'interaction.

Temps jusqu'au premier octet (TTFB)

TTFB indique le temps qui s'écoule avant que le navigateur ne reçoive le premier octet du contenu de la page. Plus il faut de temps pour obtenir ces données du serveur, plus il faut de temps pour afficher votre page Web. Google recommande de garder le TTFB inférieur à 200 millisecondes. Chez Rocket, nous sommes fiers que notre plate-forme ait un TTFB moyen mondial inférieur à 100 ms, sauf si certains emplacements ont des problèmes de réseau.

L'importance du TTFB est qu'il s'agit de la métrique la plus importante à laquelle personne ne pense pour Core Web Vitals et, en fait, la métrique la plus importante pour vos sites Web. Pourquoi? Bref, les gens sont impatients.

Si vos clients n'attendent pas que vos sites Web se chargent, ils partent et vos clients les ont perdus en tant que clients. Vous ne savez même pas combien vous en avez perdu ou s'ils reviendront un jour. C'est si simple. Et il y a beaucoup d'autres lieux de livraison de pizzas en ville.

"Lorsqu'une personne visite votre site et rencontre un retard, la probabilité que le visiteur rebondisse et aille ailleurs pour trouver ce dont il a besoin augmente considérablement. Google note que la probabilité de taux de rebond augmente d'environ 32 % pour chaque seconde supplémentaire nécessaire au chargement de votre site. Lorsque les visiteurs rebondissent sur votre site, il est peu probable qu'ils reviennent, surtout s'ils trouvent ce qu'ils recherchent sur un autre site Web beaucoup plus rapide. ”

Rocket.net

Pouvez-vous développer l'importance du TTFB et le temps de chargement de mes sites Web ?

Nous savons que vous pensez au « délai de livraison de la pizza », mais bien sûr ! Ceci est probablement un rappel pour vous. Nous nous attendons à ce que nos sites Web se chargent rapidement. Pour que cela se produise, vos sites Web doivent être légers. Mais il y a beaucoup d'étapes entre votre serveur et le téléphone mobile de votre client.

Par exemple, si nous tapons www.votresiteweb.com dans la barre d'URL, les quatre étapes suivantes doivent être suivies :

• Le navigateur se connecte à un serveur DNS (Domain Name Server). Un serveur de noms de domaine traduit le nom d'hôte en une adresse IP basée sur un nombre. Par exemple, votre site Web devient 123.456.789.112.

• Le navigateur établit une connexion avec le serveur de votre site Web. Cela se fait via plusieurs gares intermédiaires, semblables à un colis qui voyage entre différents centres postaux avant d'arriver à votre adresse. J'espère que ce n'est pas ta pizza.

• Si votre site Web utilise le protocole SSL sécurisé (bien sûr que c'est le cas ! n'est-ce pas ?), une soi-disant poignée de main a lieu. Le client et le serveur s'identifient et la connexion cryptée est établie.

• Le serveur envoie les données, qui sont divisées en paquets, au client.

Si nous envoyons une pizza pour livraison, divers facteurs déterminent le moment où elle arrive. Il s'agit notamment de la rapidité du transporteur et du temps de traitement dans les différents centres de distribution, qui dépend à son tour de certaines capacités (personnel, équipement technique, fours, pâte à pizza…). Sans parler de ce conducteur ou de l'encombrement de votre allée.

De même, de nombreux paramètres influencent le Time to First Byte (TTFB).

Vitesse du réseau - la latence du réseau fait référence au temps nécessaire pour qu'un paquet de données se déplace de l'expéditeur au destinataire. Par exemple, si l'utilisateur surfe dans un hotspot WiFi occupé, il est généralement élevé et augmente le TTFB.

Temps de réponse du serveur DNS - si le serveur DNS traite la demande lentement, par exemple parce qu'il est surchargé, une latence se produit également. En général, plus le serveur DNS est physiquement éloigné, plus il faut de temps pour fournir l'adresse IP.

Temps de réponse du serveur – si le client a établi une connexion avec le bon serveur, le serveur doit envoyer les données. Des capacités matérielles limitées (par exemple, une RAM faible ou un processeur insuffisant) ralentissent ce processus. De plus, des serveurs mal configurés avec des plugins inutiles et obsolètes, des bases de données à réaction lente et un code impur retardent également la transmission des données.

Tout comme notre chauffeur-livreur de pizzas, plus ils doivent faire d'étapes, plus il y a de choses qui traînent autour de votre allée, et plus ils doivent transporter de pizzas lourdes et nombreuses, plus ils se déplacent lentement vers votre porte d'entrée.

La question a donc toujours été la vitesse par rapport aux fonctionnalités pour votre portefeuille de clients. Vous n'avez plus à choisir. Comment pouvez-vous emballer un site Web WordPress entier ou cette pizzeria WooCommerce dans un emballage suffisamment léger et petit pour être transporté dans la poche du conducteur mais suffisamment grand pour alimenter, par exemple, WordCamp Europe au Portugal ?

Comment vous pouvez résoudre seul le problème de l'expérience de vitesse du site Web

Vous savez que la vitesse de vos sites Web a un impact majeur sur tout, de l'expérience utilisateur au référencement, en passant par les taux de conversion. Une option consiste donc à essayer de résoudre vous-même le problème pour les sites Web que vous gérez. vous êtes susceptible de le faire comme vous l'avez toujours fait. Comment cela a-t-il fonctionné pour vous ?

Si vous êtes une entreprise de livraison de pizzas, vous pouvez dire à vos chauffeurs de ne jamais tourner à gauche. Ne livrez jamais aux heures de pointe. N'acceptez que les commandes prépayées. De nombreuses agences travaillent avec des méthodes éprouvées et nous vous saluons. Sans vous, nous ne serions même pas là.

Il existe de nombreuses façons d'essayer d'améliorer la vitesse de vos sites Web gérés :

• Utiliser un CDN (réseau de diffusion de contenu)
• Optimiser les images
• Minifier les fichiers CSS et JavaScript
• Réduire le nombre de requêtes HTTP, si possible
• Utiliser la mise en cache HTTP du navigateur
• Minimiser l'inclusion de scripts externes
• N'utilisez pas de redirections, si possible

Si vos clients utilisent WordPress pour leurs sites Web, et nous parions qu'ils le font, il existe également des moyens standard d'accélérer ces sites Web dans le CMS :

• Choisissez un thème efficace
• Utiliser un constructeur de page si nécessaire
• Nettoyer la base de données
• Optimiser la taille des images
• Utiliser la mise en cache
• Optimiser le code du programme
• N'utilisez pas trop de plugins
• Étendez les fonctions sans utiliser trop de plugins

Dang tout cela ressemble à beaucoup de bricolage! Vous avez probablement d'autres choses à faire, n'est-ce pas ? En fait, vous le faites.

Gagnez du temps dans la gestion du portefeuille de votre agence avec la plateforme Rocket

En tant que propriétaire d'agence, vous passez du temps à faire une chose mieux que quiconque et qui est bien plus importante que l'optimisation de vos images. Vous servez vos clients. Vous vous concentrez sur la fourniture de solutions à leurs problèmes. Vous vous concentrez sur leur ravissement. VOUS améliorez leur vie !

Alors, qu'est-ce que tu peux faire?

L'hébergement WordPress géré convient parfaitement à votre portefeuille de clients, en particulier lorsque vous n'avez pas à gérer l'hôte. C'est rapide et c'est sécurisé. L'hébergement géré gère les performances et la sécurité de votre site Web pendant que vous vous concentrez sur les choses importantes. Comme offrir cette délicieuse pizza au fromage à votre client dès qu'il a cliqué sur "commander maintenant".

“ Avant de sauter sur les moyens d'améliorer les métriques, nous devons comprendre l'état actuel de nos applications et où se trouvent les goulots d'étranglement. Savoir comment mesurer les changements est l'étape la plus importante pour obtenir la confiance de nos initiatives. Le problème peut se situer n'importe où entre notre infrastructure de routage et le code de l'application ! »

Dev.to

La plateforme Rocket donne l'avantage à votre agence

Toute entreprise prospère a besoin d'un avantage concurrentiel. Certaines pizzerias remplissent leurs bords de fromage, d'autres les recouvrent complètement - ce qui est bizarre car il n'y a alors aucun bord auquel s'accrocher. Quel est votre avantage ?

Acceptez-vous le Bitcoin ? Laisser les gens concevoir leurs propres baskets en ligne ? Proposez-vous la livraison par drone ? Vous avez un site Web AMP ? En fait, depuis l'introduction par Google des Core Web Vitals, l'importance du format AMP va également diminuer à l'avenir.

Rocket.net offre également un avantage à votre agence. Le réseau Cloudflare Edge.. Les serveurs Edge sont là pour rendre Internet plus rapide, ce qui signifie que vos sites Web se chargent plus rapidement. Ce qui signifie des utilisateurs et des visiteurs ravis. Cela signifie que vous commandez une pizza à partir d'un endroit central, mais la pizza est cuite et livrée au plus près de votre emplacement réel.

« Un fournisseur de CDN placera des serveurs dans de nombreux endroits, mais certains des plus importants sont les points de connexion à la périphérie entre différents réseaux. Les serveurs de périphérie CDN stockent (cache) le contenu dans des emplacements stratégiques afin d'alléger la charge d'un ou plusieurs serveurs d'origine.

Nuageux

Étude de cas : Comment Twodot Marketing utilise la plateforme Rocket pour réduire de moitié le temps de chargement de ses clients

Avant Rocket, Twodot Marketing hébergeait ses sites Web WordPress sur diverses sociétés d'hébergement ; ils ne pouvaient tout simplement pas obtenir la vitesse et la sécurité qu'ils recherchaient pour leurs clients.

"Moins d'une heure après mon inscription, j'ai fait migrer mon premier site et j'ai été époustouflé. J'ai immédiatement remarqué une ÉNORME différence dans la vitesse de ma page, le délai d'obtention du premier octet et juste la réactivité globale du site Web de notre entreprise. 24 heures plus tard, tous nos clients étaient en direct sur Rocket et recevaient les mêmes avantages. »

Josh Etheridge, président de Twodot Marketing / stratège en chef

Que diriez-vous d'un peu de fromage supplémentaire sur cette pizza ?

Depuis les mises à jour Core Web Vital de Google, il est plus important que jamais de diffuser votre contenu aussi rapidement et en toute sécurité que possible. Facile. Sécurisé. Vite. Oui, vous pouvez avoir les trois. Et pas seulement génériquement rapide - le plus rapide pour chaque utilisateur spécifique. C'est le pouvoir de The Edge.

Propulsé par Cloudflare Enterprise, Rocket.net permet à votre site Web WordPress et à votre boutique en ligne WooCommerce d'en bénéficier immédiatement .

• Cela signifie que votre site Web est instantanément préconfiguré.
• La vitesse accrue de votre site Web offre un meilleur classement SEO et des conversions plus élevées.
• Et grâce à notre hébergement en cache mondial et à l'épreuve des pirates, votre site Web est toujours ouvert aux affaires.

Parler n'est pas cher. Laissez Rocket vous montrer ce que signifie VRAIMENT l'hébergement WordPress le plus rapide !

Économiser les performances du site, le temps et l'argent de votre agence ? Oui. La plate-forme Rocket possède des fonctionnalités intégrées qui éliminent votre besoin de versions autrement payantes de plug-ins de sécurité, d'optimisation d'image, de CDN et de chargeur de contenu JS. Ce sont des fonctionnalités intégrées à votre nouvelle plate-forme préférée (le produit anciennement connu sous le nom d'hébergement WordPress géré).

Parlons de la façon dont nous pouvons migrer votre site vers Rocket.net, l'hébergement WordPress le plus rapide disponible n'importe où. Lancez votre mission aujourd'hui !