Optymalizacja szybkości strony internetowej Google™ PageSpeed Insights

Dlaczego szybkość strony jest ważna?

1

Google™ obniża pozycje wolnych stron

Google sukcesywnie obniża pozycje wolnych stron www w wynikach wyszukiwania, zarówno dla wyników mobilnych jak i na komputery stacjonarne. Sytuacja ta wynika z troski giganta o dostarczanie użytkownikom treści z którymi w kontakcie będzie miał pozytywne doświadczenia, a te zapewnia m.in. szybka strona / sklep www.

2

Szybsza strona daje w rezultacie wyższą sprzedaż

Większa sprzedaż Twojej strony www dzięki zwiększonemu współczynnikowi konwersji. Szybsze strony www zdecydowanie lepiej konwertują. Konwersja to wykonanie przez użytkownika pożądanej akcji jak zakup w sklepie online czy wykonanie kontaktu w B2B.

O Google™ Page Speed Insights

Google PageSpeed Insights to bezpłatne narzędzie, stworzone przez Google™, dzięki któremu możesz sprawdzić czas ładowania  Twojej strony internetowej na komputerach i urządzeniach mobilnych — audyt SEO. Dowiesz się również, co musisz poprawić na stronie, aby użytkownikom w obrębie strony korzystało się z niej wygodniej i szybciej, dzięki czemu będziesz miał szansę realizować założone cele biznesowe.

W teście widać dane wynikowe podczas konkretnego testu za pomocą narzędzia Lighthouse – wyniki są oznaczone jako „Dane laboratoryjne”, oraz dane pochodzące z faktycznych odwiedzin użytkowników na testowanej stronie za pomocą mechanizmu CrUX (ang. Chrome User Experience Report).

Co Google™ ocenia?

LCP

LCP (Largest Contentful Paint) - jest to miernik Core Web Vitals i mierzy, kiedy największy element treści staje się widoczny. LCP służy do określenia, kiedy główna zawartość strony zakończyła renderowanie na ekranie.

FID

FID (First Input Delay) - mierzy czas od pierwszej interakcji użytkownika z Twoją witryną do czasu, gdy przeglądarka faktycznie może odpowiedzieć na tę interakcję.

CLS

CLS (Cumulative Layout Shift) - to wskaźnik Google, który mierzy zdarzenie związane z wygodą użytkownika. Jest to główny wskaźnik i czynnik rankingowy w 2021 roku.

OD MARCA 2021

Algorytm Google bierze pod uwagę ponad 200 czynników, które wpływają pozycje strony w wyszukiwarce google. Od marca 2021 prędkość ładowania strony www jest traktowana jako jeden z najważniejszych czynników rankingowych, dotyczy to w zarówno stron mobilnych jak i wyników wyszukiwania na urządzenia stacjonarne.

Wybrane źródła:

  • https://developers.google.com/speed/docs/insights/v5/about,
  • https://webmasters.googleblog.com/search/label/speed,
  • https://developers.google.com/web/fundamentals/performance/speed-tools?hl=pl-PL,
  • https://developers.google.com/web/tools/chrome-user-experience-report?hl=pl-PL,
  • https://web.dev/performance-scoring/

Jak optymalizujemy?

Wykorzystanie serwerów CDN

CDN to z angielskiego Content Delivery Network jest to usługa polegająca na instalowaniu fragmentów strony internetowej w wielu serwerach danych. W wyniku czego strona działa zawsze szybciej. Zyskujemy: skrócenie geograficznej drogi danych, odciążenie głównego serwera HTTP, asynchroniczne ładowanie danych.

Optymalizacja grafik webP

WebP to standard plików graficznych wprowadzony w 2010 i wspierany przez Google. Jego główną zaletą jest większy stopień kompresji rozmiaru w stosunku do najczęściej wykorzystywanych obecnie formatów na stronach internetowych jak jpeg, gif czy obsługujący przezroczystości format png.

Wykorzystanie cache

Pamięć podręczna z ang.cache – to mechanizm, w którym część spośród danych zgromadzonych w zasobach o długim czasie dostępu i niższej przepustowości jest dodatkowo przechowywana w pamięci o szybszym dostępie. Dzięki czemu poprawiamy szybkość dostępu do Twojej strony internetowej. W trakcie prac optymalizacyjnych wykorzystujemy zarówno serwer side cache (cachowanie treści generowanej przez serwer) jak i client side cache (cachowanie przez określony przedział czasu treści lokalnie - na komputerze użytkownika końcowego).

Optymalizacja i minifikacja kodu

Kod JavaScript oraz CSS może opóźniać ładowanie strony jeżeli jest umieszczony w sekcji na górze strony. Język JavaScript działa po stronie przeglądarki, więc strona oczekuje pełnego załadowania pliku oraz wykonania szeregu funkcji, które ma w sobie zakodowane – następnie wyświetla resztę strony. Warto zadbać, aby nasze skrypty JavaScript były ładowane na samym dole strony przed zamknięciem znacznika lub zastosować asynchroniczne ładowanie skryptów. Optymalizcja kodu, kompreska html, kompresja CSS, minifikacja

Skuteczność optymalizacji stron

PRZED

Oczywiście każdy przypadek wygląda inaczej, a efekty przyrostu szybkości mogą zależeć od parametrów startowych jak: obecna szybkość strony www i stopień optymalizacji strony,

szybkość obecnego hostingu, obecny stopień kompresji grafik itd. Jednym z kluczowych czynników wypływającym no wzrost wskaźników i możliwy do wykonania przez nas zespół zakres prac jest technologia, w jakiej został postawiony obecny serwis www. Na początku wykonujemy audyt SEO strony www. a potem wykonywana jest optymalizacja treści, a także optymalizacja stron.

po

Efekt optymalizacji

1 +
Mobile
1 +
Desktop
1 %
Wzrost

Ok, jaki jest koszt optymalizacji?

Do w pełni efektywnie wykonanej optymalizacji szybkości ładowania strony internetowej pod wskaźniki Google™ Pagespeed Insights potrzebne są dwa nierozłączne działania optymalizacji stron WWW. Po pierwsze sama optymalizacja, którą nasz zespół wykonuje poza bardzo szczególnymi przypadkami w przedziale 5 do 10 dni roboczych. Po drugie zewnętrzna usługa serwerów CDN, która pozwala na szybkie serwowanie zoptymalizowanych danych. Za naszą usługę płacisz tylko za przyrost punktów, jaki uda nam się wypracować, zarówno na urządzenia mobilne jak i urządzenia stacjonarne.

STRONY INTERNETOWE Do 30 podstr. Do 50 podstr. Do 100 podstr. Pow. 100 podstron
Strony CMS - WordPress
34 zł / pkt
45 zł / pkt
59 zł / pkt
65 zł / pkt
Pozostałe strony CMS open source
44 zł / pkt
55 zł / pkt
79 zł / pkt
INDYWIDUALNA
WYCENA
Strony Autorskie
INDYWIDUALNA
WYCENA
INDYWIDUALNA
WYCENA
INDYWIDUALNA
WYCENA
INDYWIDUALNA
WYCENA
SKLEPY INTERNETOWE Do 30 podstr. Do 50 podstr. Do 100 podstr. Pow. 100 podstron
CMS WooCommerce
59 zł / pkt
70 zł / pkt
95 zł / pkt
INDYWIDUALNA
WYCENA
CMS PrestaShop
95 zł / pkt
110 zł / pkt
135 zł / pkt
INDYWIDUALNA
WYCENA
CMS Magento
120 zł / pkt
145zł / pkt
165 zł / pkt
INDYWIDUALNA
WYCENA
Sklepy Autorskie
INDYWIDUALNA
WYCENA
INDYWIDUALNA
WYCENA
INDYWIDUALNA
WYCENA
INDYWIDUALNA
WYCENA

Co jeszcze jest potrzebne aby Twoja strona działała szybko?

Integralą częścia wykonania usługi jest konieczność wykorzystania infrastruktury serwerów CDN, które zapewnią odpowiednią szybkość serwowania zoptymalizowanych danych. Konstrukcja wykorzystywanej sieci CDN nastawiona jest w przeciwieństwie do innych sieci tego typu nie na priorytet bezpieczeństwa np. przed atakami DDoS, ale na szybkość przesyłanych danych. Cena miesięczna utrzymania infrastruktury wynosi od wersji bezpłatnej (wystarczającej na potrzeby prostych stron www), poprzez pakiet pośredni w cenie 20$ / mc, jaki wykorzystuje nasza strona, do wyższych – oferujących duże limity transferu oraz ilości odpytań. Od usługi CDN w każdej chwili można odstąpić. Świadczona jest ona przez firmę zewnętrzną o międzynarodowym zasięgu.

SERWERY CDN
  • Transfer do 1 GB / mc
  • Ilość odpytań do 5000 / mc
  • Bezpłatny - link w stopce do operatora
  • Transfer do 25 GB / mc
  • Ilość odpytań do 50 000 / mc
  • 21 $ / mc
  • Transfer do 100 GB / mc
  • Ilość odpytań do 200 000 / mc
  • 51 $ / mc
  • Transfer do 500 GB / mc
  • Ilość odpytań do 1 000 000 / mc
  • 176 $ / mc

Przykłady skuteczności

Czyli przedsmak tego czego możesz się spodziewać…

STRONA

Rentalo - blog

Rentalo - blog

ta strona : )

Ecouse

Ecouse

Jurpol

Jurpol

Irriga

irriga

nerli

nerli

mercator

mercator

Dentrum

Dentrum

okdoors

okdoors

PRZED

58 pkt.

12 pkt.

60 pkt.

44 pkt.

78 pkt.

13 pkt.

66 pkt.

12 pkt.

42 pkt.

17 pkt.

65 pkt.

38 pkt.

56 pkt.

15 pkt.

68 pkt.

37 pkt.

71 pkt.

PO

90 pkt.

71 pkt.

99 pkt.

95 pkt.

99 pkt.

86 pkt.

100 pkt.

93 pkt.

100 pkt.

89 pkt.

96 pkt.

76 pkt.

96 pkt.

86 pkt.

100 pkt.

93 pkt.

100 pkt.

FAQ

Najczęściej zadawane pytanmioa o potymalizację szybkopści Google Pagespeed Insights
Powszechnym błędem jest przekonanie, że do szybkiej witryny wystarczy dobry hosting. Chociaż szybki hosting zdecydowanie pomaga, w dzisiejszych czasach to za mało. Dlatego:
 
Szybki serwer może tylko przyspieszyć czas odpowiedzi serwera (TTFB). Oznacza to, że struktura strony jest szybko dostarczana do klientów.
 
Jednak wizualizacja struktury strony na urządzeniach klienckich jest znacznie większym problemem. Jeśli urządzenia Twoich klientów szybko otrzymują strukturę strony, ale nie mogą jej szybko wyświetlić, nadal tkwisz w powolnej witrynie. Dlatego potrzebujesz również rozwiązania do optymalizacji prędkości strony.
 
Na przykład, oto trzy kluczowe problemy z wydajnością, których dostawcy hostingu nie rozwiązują:
  • Niezoptymalizowane obrazy – często największa przyczyna wolnego czasu ładowania, obrazy muszą zostać zmienione, skompresowane i przekonwertowane do odpowiedniego typu;
  • Zasoby blokujące renderowanie – przeglądarki muszą załadować, przeanalizować i wykonać wszystkie pliki CSS i JS przed renderowaniem strony. Bez mechanizmu ładowania zasobów proces ten zajmuje mnóstwo czasu, szkodząc doświadczeniu odwiedzającego;
  • Odłóż (leniwe ładowanie) obrazy poza ekranem – leniwe ładowanie pomaga przeglądarce ładować tylko te obrazy, które aktualnie oglądają użytkownicy. Bez tej techniki przeglądarki ładują wszystkie obrazy na stronie, niezależnie od tego, czy użytkownik chce je obejrzeć.
 
W przeciwieństwie do innych rozwiązań, optymalizacje bardzo się starają optymalizować każdy aspekt procesu ładowania strony. W rezultacie wzrost wydajności jest zwykle znacznie lepszy niż jakiekolwiek inne rozwiązanie, które może zapewnić, a jednocześnie jest wyjątkowo stabilne.
 
Ponadto wszystko dzieje się w chmurze. Dlatego proces optymalizacji praktycznie nie generuje dodatkowych kosztów na serwerze, pozostawiając mu przestrzeń do obsługi klientów i wykonywania prac administracyjnych.
 
W skrócie:
Dobry hosting nie zastąpi optymalizacji strony. W rzeczywistości szybki serwer hostingowy nie ma nic wspólnego z optymalizacjami.
Odsłony na niezoptymalizowanych stronach nie wliczają się do limitu planu. Boty i roboty (takie jak Googlebot) również nie dodają odsłon, gdy trafiają na stronę.
 
Twoje wykorzystanie CDN zwiększa się tylko wówczas, gdy odwiedzający Twojej strony serwowane są zasobów (obrazy, CSS, JavaScript) od położenia krawędzi najbliżej nich. Innymi słowy, tylko ruch generowany przez wizytę na stronie, która musi pobierać zasoby z sieci CDN, jest kumulowany w ramach limitu CDN.
 
W rezultacie, gdy zasoby mogą być obsługiwane z pamięci podręcznej przeglądarki , przepustowość CDN pozostaje taka sama.
 
Na przykład, jeśli jeden użytkownik odwiedza tę samą stronę pięć razy, liczymy to jako pięć odsłon. Jednak podczas drugiej, trzeciej, czwartej i piątej wizyty użytkownik może otrzymywać treści (np. Zasoby statyczne) z pamięci podręcznej przeglądarki. W takim przypadku liczba odsłon wzrasta, ale wykorzystanie CDN pozostaje takie samo po pierwszej wizycie.

Twoje wykorzystanie CDN zwiększa tylko wówczas, gdy odwiedzający swojej stronie serwowane są zasobów (obrazy, czcionki, CSS, JavaScript) od położenia krawędzi najbliżej nich. Innymi słowy, tylko ruch generowany przez wizytę na stronie, która musi pobierać zasoby z naszej sieci CDN, jest kumulowany w ramach limitu CDN.

W rezultacie, gdy zasoby mogą być obsługiwane z pamięci podręcznej przeglądarki , przepustowość CDN pozostaje taka sama.

Na przykład, jeśli jeden użytkownik odwiedza tę samą stronę pięć razy, liczymy to jako pięć odsłon. Jednak podczas drugiej, trzeciej, czwartej i piątej wizyty użytkownik może otrzymywać treści (np. Zasoby statyczne) z pamięci podręcznej przeglądarki. W takim przypadku liczba odsłon wzrasta, ale wykorzystanie CDN pozostaje takie samo po pierwszej wizycie.

Większe strony z większą liczbą zasobów (takich jak obrazy) generują większe wykorzystanie CDN niż strony szczuplejsze 

Jeśli chcesz wiedzieć, w jakim stopniu określone zasoby wpływają na rozmiar strony, użyj narzędzia do testowania szybkości Pingdom . Zawiera całą sekcję na ten temat.

Jeśli zmaksymalizujesz miesięczną liczbę odsłon lub przepustowość CDN, twoja witryna będzie nadal działać normalnie, ale nie zostanie zoptymalizowana.

Nasza domyślna cena to cena za witrynę.

Oferujemy niestandardowe plany subskrypcji dla stron, w których można dodać wiele witryn internetowych w ramach jednego planu subskrypcji.

Nie. Wszystkie nasze plany (w tym bezpłatny) mają te same funkcje i dają takie same wyniki. 

Jedyną różnicą między planami subskrypcji jest dostępne wykorzystanie zasobów. Tańsze plany mają mniej odsłon i przepustowość CDN i odwrotnie.

Dowiedz się jaki wynik może uzyskać Twoja strona?

Napisz do nas