Optymalizacja szybkości strony internetowej Google™ PageSpeed Insights
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). Już takie dane zapewniają, że optymalizacja stron internetowych będzie skuteczna.
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.
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
Optymalizacja strony internetowej - koszt
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 strony, 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.
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
- 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ć.
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?
