Znaczenie TTFB – najważniejsza metryka, o której nikt nie myśli w przypadku kluczowych wskaźników internetowych

TTFB. Czas opublikować na Facebooku? Tiny Tots Piłka nożna? Tuńczyk i Pomidor na Chlebie Błonnikowym? Bardzo ciepło myślałeś o tej kanapce z tuńczykiem i pomidorem o otwartej twarzy. TTFB to oczywiście „Time To First Byte”. Wiedziałeś o tym cały czas. My też, po prostu podjechała ciężarówka z jedzeniem Sama Wich i jest tu pora lunchu.

Co to jest TTFB i jak wpływa na moje strony internetowe?

„Czas do pierwszego bajtu” (TTFB lub czas pierwszego bajtu) jest jedną z pierwszych wartości, które można zmierzyć na drodze do w pełni załadowanej witryny i reprezentuje czas odpowiedzi serwera wymagany do negocjacji DNS, gniazda i SSL ( uściski dłoni). Jeśli mierzysz Google Core Web Vitals swojej witryny, TTFB to coś wielkiego.

„Bajty? Uściski dłoni? Chcę tylko, żeby moja strona ładowała się szybko. Zoptymalizowałem swoją witrynę. Mam wtyczki. Powinienem już iść. Jeśli nie jesteś technikiem serwerów, wiele z tego, co dzieje się za kulisami hostingu witryn internetowych w dzisiejszych czasach, wydaje się, że SpaceX powinno nimi zarządzać. Rozumiemy. Ale pomyśl o tym — nawet SpaceX używa spadochronów do ponownego wejścia do kapsuł, a to całkiem powrót do podstaw.

Umieszczenie witryny przed klientem jest jak dostawa pizzy. Odpoczywając na kanapie, oglądając Netflix, dostajesz chrupki i zamawiasz ciasto. Niedługo potem dzwoni dzwonek do drzwi. Łatwe, prawda? Dzieje się cały czas. A co by było, gdyby twoja pizza dotarła dwie godziny po złożeniu zamówienia? I nie zamawiasz tylko jednej pizzy – zamawiasz po jednej dla każdej z kilkunastu osób, które odpoczywają z Tobą. To jest życie Agencji. To właśnie oznacza prowadzenie wielu witryn.

Witryny Twoich klientów muszą być nie tylko wyszukiwane (SEO) i przewijane (UX i UI), ale także muszą być dostarczone – na czas – do użytkownika końcowego. Wiele rzeczy może spowolnić ten proces. Czas ładowania witryny jest pierwszym krokiem w tym procesie — i nie powinien być jedną z tych rzeczy, które spowalniają witryny klientów — lub wszystkich tych klientów — spowalniają.

Nadal w chmurach? Zróbmy kopię zapasową.

Co mają wspólnego kluczowe wskaźniki internetowe Google z szybkością witryny?

Firma Google zaczęła mówić o swoich Core Web Vitals w maju 2020 r. i uruchomiła je w czerwcu 2021 r. Dużo o nich słyszeliśmy i prawdopodobnie już ciężko pracujemy, aby nasze witryny ładowały się szybko, odpowiadały potrzebom użytkowników i były zielone. światło od Google, prawda?

Core Web Vitals to coś więcej niż tylko szybko ładujące się witryny — to witryny, które dostarczają. Wszystko sprowadza się do UX — szybkiego ładowania stron internetowych, aby ludzie mogli robić to, czego potrzebują.

Core Web Vitals stara się nie tylko zapewnić dostawę pizzy, gdy tylko klikniesz „złóż zamówienie”, ale także aby smakowała wyśmienicie.

Podstawowe wskaźniki internetowe Google mierzą 3 rzeczy: użyteczność, użyteczność i radość

• Largest Contentful Paint (LCP) – Czas ładowania: zapewnia użytkownika, że ​​Twoje witryny są przydatne. Powinno to zająć mniej niż 2500 milisekund. Nie może się załadować, dopóki serwer nie nawiąże kontaktu.

• Opóźnienie pierwszego wejścia (FID) – Interaktywność: zapewnia użyteczność Twoich stron internetowych. Powinno to zająć mniej niż 100 milisekund.

• Kumulatywne przesunięcie układu (CLS) – ruch witryny: zapewnia, że ​​Twoje witryny są zachwycające. Ten wynik powinien być mniejszy niż 0,1.

Chcesz zmierzyć swoje witryny pod kątem Google Core Web Vitals?

Jaki jest zatem związek między TTFB a podstawowymi wskaźnikami internetowymi?

Tak jak twoja pizza – gruba skórka, ekstra serowa, prawda? — dostawa to nie wszystko. Doświadczenie pizzy to o wiele więcej. Podobnie Twoje strony internetowe dla ich użytkowników końcowych.

Oprócz kluczowych wskaźników internetowych istnieje jeszcze inny termin, który należy rozważyć osobno: wskaźniki internetowe Google lub po prostu określane jako wskaźniki internetowe. Oprócz podstawowych wskaźników internetowych wymienionych powyżej, wskaźniki internetowe obejmują następujące dane:

Pierwsze malowanie treści (FCP)

FCP to czas między rozpoczęciem ładowania strony internetowej a pojawieniem się pierwszej treści na ekranie. Ta zawartość obejmuje tekst, obrazy (w tym obrazy tła) i całą zawartość, która sprawia, że ​​Twoja witryna jest świetna. 900 milisekund to tutaj dobra prędkość.

Całkowity czas blokowania (TBT)

TBT mierzy czas między pierwszym wyrenderowaniem treści (FCP) a czasem do interakcji (TTI). Można to wykorzystać np. do pomiaru opóźnień w reakcji przeglądarki. TBT powinien być krótszy niż 300 milisekund.

Czas na interakcję (TTI)

TTI informuje nas, jak długo po rozpoczęciu ładowania strony internetowej zostaną załadowane najważniejsze zasoby podrzędne (takie jak zasoby stron trzecich), a strona będzie w stanie szybko reagować na dane wprowadzane przez użytkownika. 2400 milisekund to dobra prędkość.

Interakcja z następnym malowaniem (INP)

INP to nowy wskaźnik, który ma na celu przedstawienie ogólnego czasu oczekiwania na interakcję strony poprzez wybranie jednej z najdłuższych interakcji, które mają miejsce, gdy użytkownik odwiedza stronę. W przypadku stron zawierających łącznie mniej niż 50 interakcji INP to interakcja z najgorszym opóźnieniem. W przypadku stron z wieloma interakcjami INP jest najczęściej 98. percentylem opóźnienia interakcji.

Czas do pierwszego bajtu (TTFB)

TTFB wskazuje czas, jaki upływa, zanim przeglądarka otrzyma pierwszy bajt zawartości strony. Im dłużej trwa pobranie tych danych z serwera, tym dłużej trwa wyświetlenie Twojej strony internetowej. Google zaleca utrzymywanie TTFB poniżej 200 milisekund. W Rocket jesteśmy dumni, że nasza platforma ma globalny średni czas TTFB, który wynosi mniej niż 100 ms, chyba że w niektórych lokalizacjach występują problemy z siecią.

Znaczenie TTFB polega na tym, że jest to najważniejsza metryka, o której nikt nie myśli w przypadku podstawowych wskaźników internetowych, a w efekcie najważniejsza metryka dla twoich witryn. Czemu? Krótko mówiąc, ludzie są niecierpliwi.

Jeśli Twoi klienci nie czekają na załadowanie Twoich witryn, odchodzą — a Twoi klienci stracili ich jako klientów. Nawet nie wiesz, ile straciłeś i czy kiedykolwiek wrócą. To takie proste. A w mieście jest wiele innych miejsc dostawy pizzy.

„Gdy ktoś odwiedza Twoją witrynę i napotyka opóźnienie, znacznie wzrasta prawdopodobieństwo, że użytkownik odbije się i pójdzie gdzie indziej, aby znaleźć to, czego potrzebuje. Google zauważa, że ​​prawdopodobieństwo współczynnika odrzuceń wzrasta o około 32% za każdą dodatkową sekundę potrzebną do załadowania witryny. Gdy użytkownicy odbijają się od Twojej witryny, raczej nie wracają, zwłaszcza jeśli znajdą to, czego szukają w innej, znacznie szybszej witrynie. ”

Rocket.net

Czy możesz zwiększyć znaczenie TTFB i czasu ładowania moich stron internetowych?

Wiemy, że myślisz o „czasie dostawy pizzy”, ale na pewno! To prawdopodobnie odświeżenie dla Ciebie. Spodziewamy się, że nasze strony będą się szybko ładować. Aby tak się stało, Twoje strony internetowe powinny być lekkie. Ale między serwerem a telefonem komórkowym klienta jest wiele kroków.

Na przykład, jeśli wpiszemy www.twojastrona.com w pasku adresu URL, należy wykonać następujące cztery kroki:

• Przeglądarka łączy się z serwerem DNS (Domain Name Server). Serwer nazw domen tłumaczy nazwę hosta na adres IP oparty na liczbie. Na przykład Twoja witryna internetowa staje się 123.456.789.112.

• Przeglądarka nawiązuje połączenie z serwerem Twojej witryny. Odbywa się to za pośrednictwem kilku stacji pośrednich, podobnie jak paczka, która podróżuje między różnymi centrami pocztowymi przed przybyciem pod Twój adres. Mam nadzieję, że to nie twoja pizza.

• Jeśli Twoja strona korzysta z bezpiecznego protokołu SSL (oczywiście, że tak! prawda?), następuje tzw. uścisk dłoni. Klient i serwer identyfikują się nawzajem i nawiązywane jest szyfrowane połączenie.

• Serwer wysyła dane, które są podzielone na pakiety, do klienta.

Jeśli wysyłamy pizzę z dostawą, o jej dostarczeniu decydują różne czynniki. Obejmują one szybkość przewoźnika i czas przetwarzania w różnych centrach dystrybucyjnych, który z kolei zależy od określonych wydajności (personel, wyposażenie techniczne, piece, ciasto na pizzę… ). Nie wspominając o tym kierowcy ani o tym, jak zagracony jest twój podjazd.

Podobnie wiele parametrów wpływa na czas do pierwszego bajtu (TTFB).

Szybkość sieci — opóźnienie sieci odnosi się do czasu, jaki zajmuje pakietowi danych podróż od nadawcy do odbiorcy. Na przykład, jeśli użytkownik surfuje w zajętym hotspocie Wi-Fi, zwykle jest on wysoki i zwiększa TTFB.

Czas odpowiedzi serwera DNS – jeśli serwer DNS wolno przetwarza żądanie, np. z powodu przeciążenia, pojawia się również opóźnienie. Ogólnie rzecz biorąc, im dalej fizycznie znajduje się serwer DNS, tym dłużej trwa dostarczenie adresu IP.

Czas odpowiedzi serwera – jeśli klient nawiązał połączenie z właściwym serwerem, serwer musi przesłać dane. Ograniczone możliwości sprzętowe (na przykład mała pamięć RAM lub niewystarczający procesor) spowalniają ten proces. Ponadto źle skonfigurowane serwery z niepotrzebnymi i przestarzałymi wtyczkami, wolno reagujące bazy danych i nieczysty kod również opóźniają transmisję danych.

Podobnie jak nasz kierowca dostarczający pizzę, im więcej kroków musi wykonać, tym więcej rzeczy leży na twoim podjeździe i im cięższe i więcej pizzy muszą nieść, tym wolniej poruszają się do twoich drzwi wejściowych.

Tak więc pytanie zawsze brzmiało: szybkość w porównaniu z funkcjami portfela Twoich klientów. Nie musisz już wybierać. Jak można spakować całą witrynę WordPress lub sklep z pizzą WooCommerce do opakowania wystarczająco lekkiego i małego, aby można go było nosić w kieszeni kierowcy, ale wystarczająco dużego, aby wyżywić, powiedzmy, WordCamp Europe w Portugalii?

Jak samodzielnie rozwiązać problem szybkości witryny?

Wiesz, że szybkość Twoich stron internetowych ma duży wpływ na wszystko, od doświadczenia użytkownika po SEO, a nawet na współczynniki konwersji. Jedną z opcji jest próba samodzielnego rozwiązania problemu dla tych witryn, którymi zarządzasz; prawdopodobnie zrobisz to tak, jak zawsze. Jak ci to działa?

Jeśli prowadzisz firmę dostarczającą pizzę, możesz powiedzieć swoim kierowcom, aby nigdy nie skręcali w lewo. Nigdy nie dostarczaj w godzinach szczytu. Przyjmuj tylko zamówienia opłacone z góry. Wiele agencji pracuje ze sprawdzonymi metodami i pozdrawiamy Cię. Bez ciebie nie byłoby nas tutaj.

Istnieje wiele sposobów na zwiększenie szybkości zarządzanych witryn internetowych:

• Użyj CDN (sieci dostarczania treści)
• Optymalizuj obrazy
• Zminimalizuj pliki CSS i JavaScript
• Jeśli to możliwe, zmniejsz liczbę żądań HTTP
• Użyj buforowania HTTP przeglądarki
• Zminimalizuj włączenie skryptów zewnętrznych
• Nie używaj przekierowań, jeśli to możliwe

Jeśli Twoi klienci używają WordPressa na swoich stronach internetowych, a założymy, że tak, istnieją standardowe sposoby na przyspieszenie tych stron również w CMS:

• Wybierz skuteczny motyw
• W razie potrzeby użyj kreatora stron
• Wyczyść bazę danych
• Zoptymalizuj rozmiar obrazów
• Użyj buforowania
• Zoptymalizuj kod programu
• Nie używaj zbyt wielu wtyczek
• Rozszerz funkcje bez używania zbyt wielu wtyczek

Cholera to wszystko brzmi jak dużo majsterkowania! Prawdopodobnie masz inne rzeczy do zrobienia, prawda? W rzeczywistości masz.

Oszczędzaj czas zarządzając portfelem swojej agencji dzięki platformie Rocket

Jako właściciel agencji spędzasz czas robiąc jedną rzecz lepiej niż ktokolwiek inny i która jest o wiele ważniejsza niż optymalizacja zdjęć. Służysz swoim klientom. Skupiasz się na dostarczaniu rozwiązań ich problemów. Skupiasz się na ich zachwycaniu. TY czynisz ich życie lepszym!

Więc co możesz zrobić?

Zarządzany hosting WordPress dobrze pasuje do Twojego portfela klientów, zwłaszcza gdy nie musisz zarządzać hostem. Jest szybki i bezpieczny. Zarządzany hosting obsługuje wydajność i bezpieczeństwo Twojej witryny, a Ty skupiasz się na ważnych rzeczach. Jak dostawanie tej pysznej pizzy z serem do klienta, gdy tylko kliknie „zamów teraz”.

„ Zanim zaczniemy szukać sposobów na poprawę wskaźników, musimy zrozumieć aktualny stan naszych aplikacji i gdzie znajdują się wąskie gardła. Wiedza o tym, jak mierzyć zmiany, jest najważniejszym krokiem do uzyskania zaufania do naszych inicjatyw. Problem może leżeć wszędzie pomiędzy naszą infrastrukturą routingu a kodem aplikacji!”

Dev.to

Platforma rakietowa daje Twojej agencji przewagę

Każda odnosząca sukcesy firma potrzebuje przewagi konkurencyjnej. Niektóre pizzerie wypełniają brzegi serem, inne są całkowicie na wierzchu – co jest dziwne, ponieważ wtedy nie ma krawędzi, której można by się trzymać. Jaka jest twoja przewaga?

Czy akceptujesz Bitcoina? Pozwól ludziom zaprojektować własne trampki online? Czy oferujecie dostawę dronem? Masz witrynę AMP? W rzeczywistości, od czasu wprowadzenia przez Google podstawowych wskaźników internetowych, znaczenie formatu AMP również będzie maleć w przyszłości.

Rocket.net oferuje również Twojej agencji przewagę. Sieć Cloudflare Edge Network.. Serwery Edge są tutaj, aby przyspieszyć Internet — co oznacza, że ​​Twoje witryny ładują się szybciej. Co oznacza zachwyconych użytkowników i odwiedzających. Oznacza to, że zamawiasz pizzę z centralnego miejsca, ale pizza jest wypiekana i dostarczana najbliżej Twojej aktualnej lokalizacji.

„Dostawca CDN umieści serwery w wielu lokalizacjach, ale niektóre z najważniejszych to punkty połączeń na granicy między różnymi sieciami. Serwery brzegowe CDN przechowują zawartość (cache) w strategicznych lokalizacjach, aby odciążyć jeden lub więcej serwerów pochodzenia”.

Cloudflare

Studium przypadku: Jak marketing Twodot wykorzystuje platformę Rocket, aby skrócić czas ładowania klientów o połowę

Przed Rocket, Twodot Marketing hostował swoje witryny WordPress w różnych firmach hostingowych; po prostu nie mogli uzyskać szybkości i bezpieczeństwa dla swoich klientów, których szukali.

„W ciągu godziny od rejestracji moja pierwsza witryna została zmigrowana i byłem zachwycony. Od razu zauważyłem OGROMNĄ różnicę w szybkości mojej strony, czasie do pierwszego bajtu i po prostu ogólnej responsywności strony naszej firmy. 24 godziny później wszyscy nasi klienci na żywo w Rocket otrzymali te same wspaniałe korzyści”.

Josh Etheridge, Prezes Marketingu Twodot / Główny Strateg

Co powiesz na dodatkowy ser na tej pizzy?

Od czasu aktualizacji Core Web Vital firmy Google ważniejsze niż kiedykolwiek jest dostarczanie treści tak szybko i bezpiecznie, jak to tylko możliwe. Łatwo. Bezpieczne. Szybko. Tak, możesz mieć wszystkie trzy. I to nie tylko ogólnie szybko — najszybszy dla każdego konkretnego użytkownika. To jest siła The Edge.

Obsługiwany przez Cloudflare Enterprise, Rocket.net pomaga Twojej witrynie WordPress i sklepie internetowym WooCommerce natychmiast czerpać korzyści.

• Oznacza to, że Twoja witryna jest natychmiast wstępnie skonfigurowana.
• Zwiększona szybkość witryny zapewnia lepszy ranking SEO i wyższe konwersje.
• A dzięki naszemu globalnie buforowanemu, zabezpieczonemu przed hakerami hostingowi Twoja witryna jest zawsze otwarta dla biznesu.

Rozmowa jest tania. Niech Rocket pokaże Ci, co NAPRAWDĘ oznacza najszybszy hosting WordPress!

Oszczędzasz wydajność witryny, czas i pieniądze swojej agencji? TAk. Platforma Rocket ma wbudowane funkcje, które eliminują potrzebę korzystania z płatnych wersji zabezpieczeń, optymalizacji obrazu, wtyczek CDN i ładowania treści JS. Są to funkcje wbudowane w Twoją nową ulubioną platformę (produkt znany wcześniej jako Managed WordPress Hosting).

Porozmawiajmy o tym, jak możemy przenieść Twoją witrynę do Rocket.net, najszybszego hostingu WordPress dostępnego w dowolnym miejscu. Rozpocznij swoją misję już dziś!