Semnificația TTFB – Cea mai importantă măsurătoare la care nimeni nu se gândește pentru elementele vitale ale web

TTFB. E timpul să postezi pe Facebook? Tiny Tots Football? Ton și roșii pe pâine cu fibre? Ai fost destul de cald gândindu-te la acel sandviș cu ton și roșii. TTFB este, desigur, „Time To First Byte”. Ai știut tot timpul. La fel am făcut și noi, doar că camionul cu mâncare al lui Sam a oprit și aici este ora prânzului.

Ce este TTFB și cum îmi afectează site-urile web?

„Time to First Byte” (TTFB sau First Byte Time), este una dintre primele valori care pot fi măsurate în drum spre un site web complet încărcat și reprezintă timpul de răspuns al serverului necesar pentru negocierile DNS, socket și SSL ( strângeri de mână). Dacă măsurați valorile Google Core Web Vitals ale site-ului dvs., atunci TTFB este un lucru mare.

„Octeți? Strângeri de mână? Vreau doar ca site-ul meu să se încarce rapid. Mi-am optimizat site-ul. Am pluginurile. Ar trebui să fiu bine să plec.” Dacă nu sunteți un tehnic de server, multe din ceea ce se întâmplă în culisele găzduirii site-urilor în zilele noastre sună că SpaceX ar trebui să le gestioneze. Am luat. Dar gândește-te – chiar și SpaceX folosește parașute pentru reintrarea capsulei și asta a revenit la bază.

A-ți aduce site-ul web în fața clientului este ca și cum ai primi pizza. Relaxându-te pe canapea, uitându-te la Netflix, ai mâncare și comanzi o plăcintă. Nu după mult timp, sună soneria. Ușor, nu? Se intampla tot timpul. Ei bine, ce se întâmplă dacă pizza ta sosește la două ore după ce ai comandat? Și nu comanzi doar o pizza, ci una pentru fiecare dintre cele zece sau două persoane care se relaxează cu tine. Asta e viața de agenție. Asta înseamnă să rulezi o multitudine de site-uri.

Site-urile web ale clienților dvs. nu trebuie doar să fie găsite (SEO) și derulate (UX și UI), ci și să fie livrate – la timp – utilizatorului final. Multe lucruri pot încetini acest proces. Timpul de încărcare a site-ului web este primul pas în acest proces - și nu ar trebui să fie unul dintre acele lucruri care încetinesc site-urile web ale clienților dvs. - sau pe toți acești clienți.

Încă în nori? Să dăm înapoi.

Ce legătură au principalele elemente vitale ale Google cu viteza site-ului?

Google a început să vorbească despre Core Web Vitals în mai 2020 și le-a lansat în iunie 2021. Am auzit multe despre ele și probabil că lucrăm deja din greu pentru a ne asigura că site-urile noastre web se încarcă rapid, sunt relevante pentru nevoile utilizatorului și obținem verde. lumina de la Google, nu?

Core Web Vitals sunt mai mult decât site-uri web care se încarcă rapid - sunt despre site-uri web care livrează. Totul se rezumă la UX - ca site-urile dvs. să se încarce rapid, astfel încât oamenii să poată face ceea ce au nevoie.

Core Web Vitals caută nu numai să se asigure că pizzale dvs. sunt livrate imediat ce faceți clic pe „Puneți comanda”, dar și că au un gust grozav.

Elementele vitale web de bază ale Google măsoară 3 lucruri: utilitate, utilizare și încântare

• Cea mai mare vopsea de conținut (LCP) – Timp de încărcare: asigură utilizatorul că site-urile dvs. sunt utile. Acest lucru ar trebui să dureze mai puțin de 2500 de milisecunde. Nu se poate încărca până când serverul nu face contact.

• First Input Delay (FID) – Interactivitate: asigură că site-urile dvs. web sunt utilizabile. Acest lucru ar trebui să dureze mai puțin de 100 de milisecunde.

• Cumulative Layout Shift (CLS) – Mișcarea site-ului web: asigură că site-urile dvs. sunt încântătoare. Acest scor ar trebui să fie mai mic de 0,1.

Doriți să vă măsurați site-urile web pentru Google Core Web Vitals?

Deci, care este legătura dintre TTFB și Core Web Vitals?

La fel ca pizzale tale – crustă groasă, brânză suplimentară, nu? — livrarea nu este povestea completă. Experiența cu pizza este mult mai mult decât atât. La fel și site-urile dvs. web pentru utilizatorii lor finali.

Pe lângă Core Web Vitals, există un alt termen care trebuie luat în considerare separat: Google Web Vitals sau pur și simplu numit Web Vitals. Web Vitals includ următoarele valori în plus față de Core Web Vitals menționate mai sus:

Prima vopsea satisfăcătoare (FCP)

FCP este intervalul de timp dintre începutul încărcării unei pagini web și apariția primului conținut pe ecran. Acest conținut include text, imagini (inclusiv imagini de fundal) și tot conținutul care face site-ul dvs. excelent. 900 de milisecunde este o viteză bună aici.

Timp total de blocare (TBT)

TBT măsoară intervalul de timp dintre First Contentful Paint (FCP) și Time to Interactive (TTI). Acesta poate fi folosit, de exemplu, pentru a măsura întârzierile în reacția browserului. TBT ar trebui să fie mai mic de 300 de milisecunde.

Time to Interactive (TTI)

TTI ne spune cât timp durează după începerea încărcării unei pagini web până când cele mai importante subresurse (cum ar fi resursele terțe) sunt încărcate și pagina este capabilă să răspundă rapid la intrarea utilizatorului. 2400 de milisecunde este o viteză bună.

Interacțiune cu Next Paint (INP)

INP este o nouă măsurătoare care urmărește să reprezinte latența globală a interacțiunii unei pagini, selectând una dintre cele mai lungi interacțiuni care apar atunci când un utilizator vizitează o pagină. Pentru paginile cu mai puțin de 50 de interacțiuni în total, INP este interacțiunea cu cea mai proastă latență. Pentru paginile cu multe interacțiuni, INP este cel mai adesea a 98-a percentila a latenței interacțiunii.

Timpul până la primul octet (TTFB)

TTFB indică timpul care trece înainte ca browserul să primească primul octet de conținut al paginii. Cu cât este nevoie de mai mult pentru a obține acele date de la server, cu atât este nevoie de mai mult pentru a afișa pagina web. Google recomandă menținerea TTFB sub 200 de milisecunde. La Rocket, suntem mândri că platforma noastră are un TTFB mediu global mai mic de 100 ms, cu excepția cazului în care anumite locații au probleme de rețea.

Semnificația TTFB este că este cea mai importantă măsurătoare la care nimeni nu se gândește pentru Core Web Vitals și, de fapt, cea mai importantă măsurătoare pentru site-urile dvs. web. De ce? Pe scurt, oamenii sunt nerăbdători.

Dacă clienții dvs. nu așteaptă ca site-urile dvs. web să se încarce, ei pleacă - și clienții dvs. i-au pierdut ca clienți. Nici măcar nu știi câți ai pierdut sau dacă se vor întoarce vreodată. Este atat de simplu. Și există o mulțime de alte locuri de livrare de pizza în oraș.

„Când cineva vă vizitează site-ul și întâmpină o întârziere, probabilitatea ca vizitatorul să se ridice și să meargă în altă parte pentru a găsi ceea ce are nevoie crește semnificativ. Google observă că probabilitatea ratei de respingere crește cu aproximativ 32% pentru fiecare secundă suplimentară necesară pentru ca site-ul dvs. să se încarce. Când vizitatorii ies de pe site-ul dvs., este puțin probabil să se întoarcă, mai ales dacă găsesc ceea ce caută pe un alt site mult mai rapid. ”

Rocket.net

Puteți extinde importanța TTFB și timpul de încărcare a site-urilor mele web?

Știm că te gândești la „timpul de livrare a pizza”, dar sigur! Acesta este probabil o reîmprospătare pentru tine. Ne așteptăm ca site-urile noastre web să se încarce rapid. Pentru ca acest lucru să se întâmple, site-urile dvs. ar trebui să fie ușoare. Dar, există o mulțime de pași între serverul tău și telefonul mobil al clientului tău.

De exemplu, dacă introducem www.site-ul tău.com în bara de adrese URL, trebuie parcurși următorii patru pași:

• Browserul se conectează la un server DNS (Domain Name Server). Un server de nume de domeniu traduce numele de gazdă într-o adresă IP bazată pe numere. De exemplu, site-ul dvs. devine 123.456.789.112.

• Browserul stabilește o conexiune la serverul site-ului dvs. web. Acest lucru se întâmplă prin mai multe stații intermediare, similar unui pachet care călătorește între diferite centre poștale înainte de a ajunge la adresa dvs. Sper că asta nu este pizza ta.

• Dacă site-ul dvs. folosește protocolul securizat SSL (desigur că face! nu?), are loc o așa-numită strângere de mână. Clientul și serverul se identifică reciproc și se stabilește conexiunea criptată.

• Serverul trimite datele, care sunt împărțite în pachete, către client.

Dacă trimitem o pizza spre livrare, diverși factori determină momentul în care sosește. Acestea includ viteza transportatorului și timpul de procesare în diferitele centre de distribuție, care, la rândul său, depinde de anumite capacități (personal, echipament tehnic, cuptoare, aluat de pizza...). Ca să nu mai vorbim de acel șofer sau de cât de aglomerată este aleea ta.

În mod similar, mulți parametri influențează timpul până la primul octet (TTFB).

Viteza rețelei – latența rețelei se referă la timpul necesar unui pachet de date pentru a călători de la expeditor la receptor. De exemplu, dacă utilizatorul navighează într-un hotspot WiFi aglomerat, acesta este de obicei ridicat și crește TTFB.

Timpul de răspuns al serverului DNS – dacă serverul DNS procesează cererea lent, de exemplu, deoarece este supraîncărcat, apare și latența. În general, cu cât serverul DNS este localizat fizic mai departe, cu atât este nevoie de mai mult timp pentru a furniza adresa IP.

Timpul de răspuns al serverului – dacă clientul a stabilit o conexiune cu serverul corect, serverul trebuie să trimită datele. Capacitățile hardware limitate (de exemplu, o memorie RAM scăzută sau un procesor insuficient) încetinesc acest proces. În plus, serverele prost configurate cu pluginuri inutile și învechite, baze de date care reacţionează lentă și cod necurat întârzie, de asemenea, transmiterea datelor.

La fel ca șoferul nostru de livrare de pizza, cu cât trebuie să facă mai mulți pași, cu atât mai multe lucruri se află în jurul căii de acces și cu cât trebuie să le transporte mai multe pizza, cu atât se deplasează mai încet spre ușa ta din față.

Deci întrebarea a fost întotdeauna viteza versus caracteristici pentru portofoliul dvs. de clienți. Nu mai trebuie să alegi. Cum puteți împacheta un întreg site web WordPress sau acel magazin de pizzerie WooCommerce într-un pachet ușor și suficient de mic pentru a fi purtat în buzunarul șoferului, dar suficient de mare pentru a alimenta, de exemplu, WordCamp Europa în Portugalia?

Cum puteți rezolva singur problema experienței vitezei site-ului

Știți că viteza site-urilor dvs. web are un impact major asupra tuturor, de la experiența utilizatorului la SEO și chiar ratele de conversie. Deci, o opțiune este să încercați și să rezolvați singur problema pentru acele site-uri web pe care le gestionați; probabil că vei face asta așa cum ai făcut mereu lucrurile. Cum a fost asta pentru tine?

Dacă sunteți o companie de livrare de pizza, le puteți spune șoferilor să nu viraj niciodată la stânga. Nu livrați niciodată în orele de vârf. Acceptați numai comenzi preplătite. Multe agenții lucrează cu metode încercate și adevărate și vă salutăm. Fără tine, nici măcar nu am fi aici.

Există o mulțime de moduri prin care puteți încerca să îmbunătățiți viteza site-urilor dvs. web gestionate:

• Utilizați un CDN (rețea de livrare de conținut)
• Optimizați imaginile
• Reduceți fișierele CSS și JavaScript
• Reduceți numărul de solicitări HTTP, dacă este posibil
• Utilizați memorarea în cache HTTP a browserului
• Minimizați includerea de scripturi externe
• Nu utilizați redirecționări, dacă este posibil

Dacă clienții dvs. folosesc WordPress pentru site-urile lor web și punem pariu că sunt, atunci există modalități standard de a face acele site-uri web mai rapide și în CMS:

• Alegeți o temă eficientă
• Utilizați un generator de pagini atunci când este necesar
• Curățați baza de date
• Optimizați dimensiunea imaginilor
• Utilizați memorarea în cache
• Optimizați codul programului
• Nu folosiți prea multe plugin-uri
• Extindeți funcțiile fără a utiliza prea multe plugin-uri

Dand toate astea sună ca o grămadă de chinuiri! Probabil ai alte lucruri de făcut, nu? De fapt, o faci.

Economisiți timp gestionând portofoliul agenției dvs. cu platforma Rocket

În calitate de proprietar de agenție, petreci timp făcând un lucru mai bine decât oricine altcineva și care este mult mai important decât optimizarea imaginilor. Îți servești clienții. Te concentrezi pe oferirea de soluții la problemele lor. Te concentrezi pe a-i încânta. TU le faci viața mai bună!

Deci ce poți face?

Găzduirea WordPress gestionată se potrivește bine portofoliului dvs. de clienți, mai ales atunci când nu trebuie să gestionați gazda. Este rapid și sigur. Găzduirea gestionată se ocupă de performanța și securitatea site-ului dvs. web în timp ce vă concentrați asupra lucrurilor importante. Cum ar fi să primiți acea pizza delicioasă cu brânză clientului dvs. imediat ce au dat clic pe „comanda acum”.

„ Înainte de a descoperi modalități de îmbunătățire a valorilor, trebuie să înțelegem starea actuală a aplicațiilor noastre și unde sunt blocajele. A ști cum să măsuram schimbările este cel mai important pas pentru a obține încredere în inițiativele noastre. Problema poate fi oriunde între infrastructura noastră de rutare și codul aplicației!”

Dev.to

Platforma rachetă oferă agenției tale avantaje

Orice afacere de succes are nevoie de un avantaj competitiv. Unele pizzerii își umplu marginile cu brânză, altele sunt complet acoperite – ceea ce este ciudat pentru că atunci nu există margine de care să se țină. Care este avantajul tău?

Acceptați Bitcoin? Lasă oamenii să-și creeze propriile adidasi online? Oferiți livrare cu drone? Aveți un site AMP? De fapt, de la introducerea de către Google a Core Web Vitals, importanța formatului AMP va scădea și în viitor.

Rocket.net oferă și agenției dvs. un avantaj. Rețeaua Cloudflare Edge.. Serverele Edge sunt aici pentru a face internetul mai rapid - ceea ce înseamnă că site-urile dvs. se încarcă mai repede. Ceea ce înseamnă utilizatori și vizitatori încântați. Înseamnă că comandați pizza dintr-un loc central, dar pizza este coaptă și livrată cel mai aproape de locația dvs. actuală.

„Un furnizor de CDN va plasa servere în multe locații, dar unele dintre cele mai importante sunt punctele de conectare la marginea dintre diferite rețele. Serverele CDN edge stochează conținutul (cache) în locații strategice pentru a elimina încărcarea unuia sau mai multor servere de origine.”

Cloudflare

Studiu de caz: cum Twodot Marketing folosește platforma Rocket pentru a reduce la jumătate timpul de încărcare al clienților lor

Înainte de Rocket, Twodot Marketing își găzduia site-urile WordPress pe diferite companii de găzduire; pur și simplu nu au putut obține viteza și securitatea pentru clienții lor pe care le urmăreau.

„În termen de o oră de la înregistrare, primul meu site a fost migrat și am rămas uluit. Am observat instantaneu o diferență URIAȘĂ în viteza paginii mele, timpul până la primul octet și doar capacitatea de răspuns generală a site-ului companiei noastre. 24 de ore mai târziu, toți clienții noștri live pe Rocket au primit aceleași beneficii grozave.”

Josh Etheridge, președinte de marketing Twodot / strateg șef

Ce zici de niște brânză în plus pe pizza aceea?

Deoarece actualizările Core Web Vital de la Google, este mai important ca niciodată să vă livrați conținutul cât mai rapid și mai sigur posibil. Uşor. Sigur. Rapid. Da, le poți avea pe toate trei. Și nu doar rapid generic - cel mai rapid pentru fiecare utilizator specific. Aceasta este puterea The Edge.

Produs de Cloudflare Enterprise, Rocket.net ajută site-ul dvs. WordPress și magazinul online WooCommerce să beneficieze imediat .

• Aceasta înseamnă că site-ul dvs. este pre-configurat instantaneu.
• Viteza îmbunătățită a site-ului dvs. oferă o poziție SEO mai bună și conversii mai mari.
• Și cu găzduirea noastră în cache la nivel global, rezistentă la hackeri, site-ul dvs. este întotdeauna deschis pentru afaceri.

Vorbirea este ieftină. Lăsați Rocket să vă arate ce înseamnă cu adevărat cea mai rapidă găzduire WordPress!

Economisiți performanța site-ului, timpul și banii agenției dvs.? Da. Platforma Rocket are funcții încorporate care elimină nevoia de versiuni altfel plătite de pluginuri de securitate, optimizare a imaginii, CDN și încărcare de conținut JS. Sunt funcții integrate în noua dvs. platformă preferată (produsul cunoscut anterior sub numele de Găzduire WordPress gestionată).

Să vorbim despre cum vă putem migra site-ul către Rocket.net, cea mai rapidă găzduire WordPress disponibilă oriunde. Lansează-ți Misiunea astăzi!