Skróć czas reakcji serwera dla zadowolonych użytkowników, wyższe rankingi

Czas odpowiedzi serwera jest często pomijany, jeśli chodzi o poprawę szybkości strony.

Może jednak poprawić pozycję Twojej witryny. Użytkownicy lubią szybkie strony, więc Google lubi szybkie strony. W tym artykule pokażę, jak skrócić czas odpowiedzi serwera. Podaję też kilka innych sposobów na poprawę szybkości strony.

Jakie znaczenie ma czas odpowiedzi serwera?

Czas odpowiedzi serwera (SRT) to czas pomiędzy wysłaniem żądania przez klienta WWW (np. kliknięciem łącza lub wprowadzeniem adresu URL w pasku adresu) a odpowiedzią serwera na to żądanie.

Dzięki dobremu SRT — i witrynie zoptymalizowanej pod kątem szybkości — Twoja witryna będzie się ładować niemal natychmiast. Bez tego ładowanie strony będzie trwało dłużej, co może zaszkodzić wrażeniu użytkownika i ostatecznie rankingowi w wyszukiwarkach.

SRT jest mierzony w jednostce znanej jako czas do pierwszego bajtu (TTFB). TTFB mierzy czas między wysłaniem żądania przez klienta HTTP a otrzymaniem pierwszego bajtu danych. Jest mierzony w milisekundach.

To, co składa się na dobry, zły i akceptowalny TTFB, jest różne. Oto kilka ogólnych zasad:

• Szybszy niż 100 ms jest doskonały.
• 100–200 ms jest dobre. Google PageSpeed ​​Insights zaleca utrzymywanie SRT poniżej 200 ms.
• 200ms–1 sekunda jest do zaakceptowania, ale jest miejsce na poprawę.
• Wszystko powyżej 1 sekundy jest problemem.

Czy tak mała zmiana w czasie może zrobić dużą różnicę? Nawet jednosekundowe opóźnienie może kosztować witrynę e-commerce 25 000–125 000 USD rocznie… lub więcej!

Jak czas odpowiedzi serwera wpływa na SEO?

Google używa SRT jako czynnika rankingowego od około dekady. Niedawno w Google Search Console wprowadzono sekcję Core Web Vitals, która śledzi zestaw wskaźników wydajności witryny, które koncentrują się na doświadczeniu użytkownika.

Według badania przeprowadzonego przez Forrester Research ponad połowa użytkowników sieci oczekuje, że witryna załaduje się w ciągu dwóch sekund lub mniej. Jeśli ładowanie zajmie ponad trzy sekundy, 40% użytkowników zrezygnuje i odejdzie.

Witryny, których ładowanie trwa dłużej, zazwyczaj mają wyższy współczynnik odrzuceń i krótszą średnią długość odwiedzin. Jak wykazało badanie Pingdom, „podczas gdy współczynniki odrzuceń oscylowały poniżej 10% w przypadku witryn, które ładowały się krócej niż trzy sekundy, liczba ta wzrosła do 24% w przypadku czterosekundowego czasu ładowania i 38% w przypadku pięciosekundowego czasu ładowania. ”

Powolna witryna oznacza złe wrażenia użytkownika, a wyszukiwarki odpowiednio zareagują.

Skrócenie czasu odpowiedzi serwera sprowadza się do trzech kroków.

1. Zmierz czas odpowiedzi serwera.
2. Zidentyfikuj obszary, które wymagają poprawy.
3. Współpracuj ze swoim zespołem, aby zająć się tymi obszarami.

Jak sprawdzić SRT

Istnieje wiele narzędzi, których możesz użyć.

GTMetrix

GTMetrix ma zarówno darmową, jak i płatną wersję. Pozwala analizować SRT, monitorować strony i testować szybkość witryny na urządzeniu mobilnym. Po prostu wpisz swój adres URL, a zobaczysz ogólny wynik czasu ładowania strony, który obejmuje również dane SRT.

Następnie możesz użyć wykresu kaskadowego, aby zobaczyć każdy element w kolejności, w jakiej został załadowany. Pozwala to identyfikować i debugować obszary problemowe, pokazując dokładnie, które żądania spowalniają witrynę.

Oczywiście czas odpowiedzi serwera to tylko część wielu czynników wpływających na szybkość strony.

Z wykresu wodospadu możesz uzyskać bardziej szczegółowe informacje o każdym żądaniu, najeżdżając kursorem na pojedynczy element. Tam zobaczysz, ile czasu ładowania wynika z oczekiwania na twoim serwerze:

Jeśli założysz darmowe konto, możesz wyświetlić inne istotne dane, w tym najważniejszy TTFB, korzystając z karty Czasy:

Statystyki Google PageSpeed ​​(PSI)

Wpisz swój adres URL w tym bezpłatnym narzędziu, a zobaczysz ogólny wynik i przydatne dane. Oto przykład, jak to wygląda:

PSI zapewnia wgląd zarówno w mobilne, jak i komputerowe wersje Twojej witryny oraz dostarcza ważnych informacji o tym, co możesz ulepszyć. Wykorzystuje mieszankę rzeczywistych danych „polowych” opartych na raporcie Chrome User Experience Report i danych laboratoryjnych z Lighthouse, aby oszacować wydajność strony.

Oto metryki Google Page Insights, które odnoszą się konkretnie do SRT.

• First Contentful Paint (FCP): Ta metryka mierzy czas od rozpoczęcia ładowania strony do wyrenderowania dowolnej części zawartości strony na ekranie.
• Zbiorcza zmiana układu : CLS mierzy sumę wszystkich indywidualnych wyników zmiany układu dla każdej nieoczekiwanej zmiany układu, która ma miejsce podczas całego okresu użytkowania strony.
• Time to Interactive (TTI): Mierzy, ile czasu zajmuje strona, aby stała się w pełni interaktywna. Według Google strona jest w pełni interaktywna, gdy wyświetla przydatne treści, procedury obsługi zdarzeń są zarejestrowane dla najbardziej widocznych elementów strony, a strona reaguje na interakcje użytkownika w ciągu 50 milisekund.
• Całkowity czas blokowania : Metryka Całkowitego czasu blokowania (TBT) mierzy łączny czas między FCP a TTI, w którym wątek główny był blokowany wystarczająco długo, aby uniemożliwić reagowanie na dane wejściowe.

Aby uzyskać wysoki wynik, PSI oczekuje czasu odpowiedzi serwera poniżej 200 ms. Jeśli Twój SRT jest wolniejszy, otrzymasz powiadomienie w sekcji „Możliwości”:

Jak skrócić czas odpowiedzi serwera

Ostatecznie istnieją dziesiątki potencjalnych czynników, które mogą spowolnić odpowiedź serwera: powolna logika aplikacji, powolne zapytania do bazy danych, powolny routing, frameworki, biblioteki, brak zasobów procesora CPU lub brak pamięci.

Chociaż możesz nie być w stanie rozwiązać wszystkich z nich, możesz współpracować z zespołem programistów, aby znaleźć i naprawić bardziej techniczne obszary:

• Powolna logika aplikacji : użyj narzędzia do profilowania kodu, aby określić, które zależności są używane w Twojej witrynie i jak długo trwa ładowanie każdej z tych zależności.
• Powolne zapytania do bazy danych : występują, gdy zapytania do bazy danych nie działają wydajnie. Co gorsza, możesz nawet nie wiedzieć, że radzą sobie słabo, chyba że zaznaczysz „pod maską”. Powolne zapytania do bazy danych wymagają więcej pracy i zużywają więcej zasobów procesora.
• Powolny routing : ogólnie rzecz biorąc, chcesz umieścić najczęściej odwiedzane strony i treści na górze kolejki routingu, aby te lokalizacje miały wysoki priorytet. Możesz także dodać więcej tras do dowolnej konkretnej lokalizacji, jeśli wszystko działa wolno.
• Głód procesora zasobów : jeśli w Twojej witrynie działa zbyt wiele wtyczek lub skryptów, może to prowadzić do głodu procesora zasobów. Współpracuj ze swoim zespołem, aby odinstalować wtyczki wymagające dużej ilości zasobów, które nie są często używane, i usuń niepotrzebne skrypty.

Istnieją inne konkretne kroki, które mogą pomóc w ulepszeniu odpowiedzi serwera bez indywidualnego kontaktu z zespołem programistów.

Znajdź szybkiego, dedykowanego hosta

Jeśli Twój obecny SRT jest wolniejszy, rozważ poszukanie szybszego hosta. Jest kilka rzeczy do przemyślenia.

Jeśli masz budżet, wybierz hosting dedykowany. Oznacza to po prostu, że nie udostępniasz serwera innej witrynie. Chociaż hosting współdzielony może być świetnym początkiem, niektórzy dostawcy hostingu współdzielonego przeciążają swoje serwery, co maksymalizuje ich zyski, ale oznacza katastrofę dla Twojej witryny.

Przeczytaj recenzje i poproś o rekomendacje, zanim podejmiesz decyzję. Jeśli otrzymasz rekomendację, użyj GTMetrix lub PSI, aby sprawdzić SRT dla tych witryn.

Możesz również sprawdzić prędkość serwera dostawcy przed zakupem. Jest na to kilka sposobów:

Użyj narzędzia do sprawdzania prędkości. Podoba mi się bezpłatne narzędzie do sprawdzania prędkości Pickuphost:

Sprawdź porównywarkę. Raporty Invigital dotyczące średnich czasów odpowiedzi wielu popularnych hostów internetowych:

Możesz także użyć prostego narzędzia do porównywania, aby porównać maksymalnie 4 dostawców hostingu w 56 różnych wskaźnikach:

Bitcatcha to kolejne narzędzie, które pozwala porównywać prędkości hostingu w różnych lokalizacjach na całym świecie, dzięki czemu możesz wybrać to, które najlepiej pasuje do miejsca, w którym się znajdujesz.

Powinieneś wybrać hosta z serwerami geograficznie zbliżonymi do grupy docelowej. Prostym sposobem na zapewnienie tego jest CDN.

Użyj CDN (sieci dostarczania treści)

Sieć dostarczania treści (CDN) to grupa geograficznie rozproszonych serwerów, które współpracują ze sobą, aby szybciej dostarczać treści online. Jeśli Twoja firma nie jest zbyt lokalna, prawdopodobnie ludzie z całego świata będą chcieli uzyskać dostęp do Twoich treści w takim czy innym czasie.

Korzystając z sieci CDN, zapewniasz odwiedzającym Twoją witrynę najlepsze wrażenia użytkownika, bez względu na to, gdzie się znajdują. Ponad połowa całego ruchu internetowego na świecie jest obsługiwana przez CDN.

CDN przechowuje wersję Twojej witryny w pamięci podręcznej w wielu lokalizacjach na całym świecie. Każdy obszar ma swój własny serwer, a serwer znajdujący się najbliżej lokalizacji użytkownika dostarczy żądaną zawartość. Oto wizualizacja, jak to działa:

Jeśli Twoja witryna jest hostowana w Stanach Zjednoczonych, ale użytkownik z Australii chce uzyskać do niej dostęp, SRT może działać wolniej o 0,2 do 0,4 sekundy. CDN łagodzi ten problem i zapewnia niezmiennie szybkie SRT niezależnie od lokalizacji geograficznej.

Chociaż pół sekundy w SRT może nie wydawać się dużo, wpływa na postrzegane czasy ładowania dla odwiedzających.

Aby rozpocząć konfigurację, musisz wybrać CDN i zarejestrować swoją witrynę. Do wyboru są setki dostawców CDN. Wybierając CDN, weź pod uwagę takie czynniki, jak przewidywany ruch, główne typy obsługiwanych mediów i budżet.

Po zarejestrowaniu się u dostawcy CDN Ty lub Twój programista będziecie musieli włączyć tę usługę w swojej witrynie. W zależności od dostawcy hostingu i systemu zarządzania treścią (CMS), włączysz go za pomocą panelu C lub za pomocą wtyczki.

Jeśli kupiłeś domenę od innego dostawcy niż ten, którego używasz do hostowania swojej witryny, musisz również dokonać tam aktualizacji. Ty lub Twój rejestrator nazw domen musicie zmienić rekordy serwera nazw DNS, aby wskazywać domenę na serwery CDN.

Po zoptymalizowaniu SRT — ale gdy nadal masz uwagę zespołu programistów — możesz chcieć rozwiązać kilka innych problemów z szybkością strony, które mogą mieć duży wpływ.

Więcej sposobów na poprawę szybkości witryny (poza SRT)

Zredukuj i zoptymalizuj swoje skrypty

Jednym z najskuteczniejszych sposobów na wydłużenie czasu ładowania witryny jest audyt skryptów uruchamianych w witrynie. Czy nadal używasz tego skryptu śledzenia? Czy ktoś robi coś z tymi danymi?

Każda niewielka ilość odpadów może się sumować. PSI pokaże Ci, które skrypty ładują się w Twojej witrynie (i które zajmują najwięcej czasu). Często usunięcie skryptów jest tak proste, jak wyłączenie tagu w Menedżerze tagów Google.

Jeśli korzystasz z WordPressa, dostępnych jest kilka wtyczek, które pomagają w usuwaniu niepotrzebnych skryptów, takich jak Optimize Scripts and Styles lub Asset CleanUp.

Skaluj i optymalizuj obrazy

Jednym z najprostszych sposobów optymalizacji obrazów jest upewnienie się, że są one w odpowiednim formacie pliku. Ogólnie rzecz biorąc, PNG zajmuje więcej miejsca niż plik JPEG. Dla uproszczenia polecam używanie PNG do prostych grafik, takich jak logo i wykresy oraz formatu JPEG do wszystkiego innego.

Google zaczął polecać format o nazwie JPEG 2000. Jednak generalnie go nie używam, ponieważ nie jest jeszcze kompatybilny z wieloma systemami lub przeglądarkami (poza Chrome).

Istnieje również format o nazwie WEB.P, który oferuje nieco mniejszy rozmiar pliku niż JPEG. Różnica jest jednak znikoma. Po włączeniu buforowania (więcej o tym za minutę) nie ma zauważalnej różnicy.

Obecnie w większości przypadków używam domyślnego formatu JPEG z kompresją 60%. Zmniejszenie jakości JPEG z 95% do 80% lub nawet 75% może spowodować niewielką dostrzegalną różnicę w wyglądzie obrazu. Eksperymentuj, aby znaleźć właściwą równowagę między jakością obrazu a rozmiarem pliku.

Wiele narzędzi (niektóre bezpłatne) może również pomóc zoptymalizować obrazy przed ich przesłaniem. Jpeg.io i Compressor to dwie dobre opcje. WordPress, wtyczki Smush lub Kraken.io zoptymalizują Twoje obrazy podczas ich przesyłania. Podobne opcje są dostępne na innych platformach CMS.

Użyj buforowania

Buforowanie to jeden z najlepszych sposobów na zwiększenie szybkości witryny — bez poświęcania czegokolwiek pod względem jakości lub zawartości.

Gdy użytkownik odwiedza Twoją witrynę po raz pierwszy, serwer musi pobrać pliki JavaScript, obrazy, dokument HTML i inne. Buforowanie to tymczasowe przechowywanie, które zapamiętuje niektóre z tych aspektów, dzięki czemu zawartość można szybciej pobrać przy następnej wizycie użytkownika.

Aby włączyć buforowanie, musisz dodać mały fragment kodu do pliku .htaccess swojej witryny. Zwykle robisz to za pomocą menedżera plików w obszarze użytkownika hostingu. Ten kod informuje przeglądarki użytkowników, co należy przechowywać w pamięci podręcznej i jak długo to wywoływać.

Oto przykład kodu z GTMetrix:

Możesz zmienić kod, aby buforować różne aspekty swojej witryny przez różne okresy czasu. Dla typów plików, które są aktualizowane częściej, ustaw krótszy czas buforowania.

Dla tych, które są dość statyczne, czas buforowania może być dłuższy. Czasy buforowania, które są zbyt długie dla plików, które często się zmieniają lub aktualizują, mogą prowadzić do tego, że powracający użytkownicy zobaczą starszą wersję witryny w pamięci podręcznej.

(Uważaj: jeśli coś pójdzie nie tak z plikiem .htaccess, może to spowodować uszkodzenie całej witryny).

Na niektórych platformach CMS możesz również użyć wtyczki, aby włączyć buforowanie bez kodowania. Niektóre z najpopularniejszych i najwyżej ocenianych to W3 Total Cache i WP Rocket dla WordPress oraz SpeedCache dla Joomla.

Aktualizuj swój CMS, wtyczki i motywy

Jak często widzisz te powiadomienia przypominające o aktualizacji systemu CMS, wtyczek lub motywu witryny? Czy zamykasz je, myśląc, że dojdziesz do tego później, a potem o wszystkim zapomnisz? Przestań to teraz robić!

Nieaktualne wersje Twojego systemu CMS, wtyczek i motywów witryn mogą znacznie zmniejszyć szybkość strony. Twórcy tych narzędzi i platform tworzą aktualizacje nie bez powodu — często jest to poprawa wydajności i szybkości.

(Jest też inny problem: przestarzałe platformy, wtyczki i motywy CMS mogą narazić Twoją witrynę na naruszenia bezpieczeństwa. Malcare poinformował, że przestarzałe motywy i wtyczki są jedną z najczęstszych przyczyn włamań do witryn WordPress.)

Podobnie jak w przypadku skryptów w Twojej witrynie, kiedy ostatnio usuwałeś zapisane wtyczki i motywy? Są szanse, że masz kilka pobranych, których nie używasz. Regularnie przeprowadzaj szybki audyt wszystkiego, co pobrałeś i zainstalowałeś.

Wniosek

Skrócenie czasu odpowiedzi serwera zapewni odwiedzającym Twoją witrynę lepsze wrażenia, zmniejszy współczynnik odrzuceń i ostatecznie poprawi rankingi wyszukiwania.

• Sprawdź najpierw swój SRT, aby mieć podstawę do tego, skąd pracujesz.
• Wybierz odpowiedniego dostawcę hostingu i serwer.
• Użyj sieci CDN, aby udostępniać użytkownikom treści z geograficznie bliższych serwerów.
• Zoptymalizuj swoje obrazy, wybierając odpowiedni typ pliku, nieznacznie obniżając jakość obrazu i używając wtyczki, aby zmniejszyć rozmiary plików.
• Użyj pamięci podręcznej przeglądarki, aby zapewnić lepsze wrażenia powracającym odwiedzającym.
• Upewnij się, że Twój system CMS, wtyczki i motywy witryny są aktualne.

SRT i SEO to obszary, w których sekundy i milisekundy naprawdę mają znaczenie. Każdy ułamek sekundy, który skrócisz, zatrzyma odwiedzających na Twojej stronie dłużej, sprawi, że będą wracać, i pomoże Twojej witrynie znaleźć się na tych pożądanych najwyższych pozycjach na stronach wyników wyszukiwania.