Ako dosiahnuť najvyššiu rýchlosť webstránky

Ako získať perfektné Google PageSpeed skóre 100/100

18.2.2021

tvorba webu eshop seo

Už dávno platí, že rýchlosť webstránky je dôležitá pre zvyšovanie návštevnosti.

Pomalé webstránky:

sa umiestňujú nižšie vo výsledkoch vyhľadávania,
majú nižšiu mieru konverzie,
majú nižšiu priemernú hodnotu objednávky,
poskytujú nižšiu návratnosť výdavkov na reklamu,
generujú vyššie náklady a nižšie výnosy.

Ak aj v roku 2021 stále ignorujete rýchlosť načítania, vediete tak svoju webstránku do záhuby.

Pomalá webstránka je ako závažie, ktoré musíte stále nosiť na chrbte. Rozvoj a vylepšovanie vášho podnikania je dosť ťažký aj bez tejto váhy navyše.

Okrem toho, rýchlosť webstránky je už viac ako desať rokov jedným z hodnotiacich kritérií pre Google, ktorý vás umiestňuje do poradia vo výsledkoch vyhľadávania. Tento rok, 2021 v máji, prišla dokonca aktualizácia metrík Core Web Vitals, ktorá oficiálne potvrdila dôležitosť rýchlosti načítania webstránok.

Pokračujte v čítaní ďalej a my vám ukážeme, ako môžete získať perfektné Google PageSpeed skóre – 100/100 – v mobilnom aj PC zobrazení webstránky. Zrýchlením webstránky zvýšite aj mieru konverzie, priemernú hodnotu a v neposlednom rade aj samotné objednávky a výnosy.

Čo sa dozviete v tomto článku?

Ako získať perfektné Google PageSpeed skóre

1. NitroPack / WP Rocket (potrebné)
2. CloudFare – pokročilá optimalizácia (dobrovoľné)
3. Perfmatters (dobrovoľné)
4. Google hodnotiaci faktor od roku 2010
5. Aktualizácia Core Web Vitals – máj 2021

Pomalá webstránka je ako závažie, ktoré musíte stále nosiť na chrbte. Rozvoj a vylepšovanie vášho podnikania je dosť ťažký aj bez tejto váhy navyše.

Okrem toho, rýchlosť webstránky je už viac ako desať rokov jedným z hodnotiacich kritérií pre Google, ktorý vás umiestňuje do poradia vo výsledkoch vyhľadávania. Tento rok, 2021 v máji, prišla dokonca aktualizácia metrík Core Web Vitals, ktorá oficiálne potvrdila dôležitosť rýchlosti načítania webstránok.

Perfektné Google PageSpeed skóre

Predtým, ako si ukážeme, ako získať perfektné Google PageSpeed skóre sa pozrieme na nasledujúci obrázok.

Lepšie to už ani nemôže byť!

Všetky stránky boli optimalizované, aby poskytovali:

návštevníkom lepší zážitok,
Googlu presne to, čo vyžaduje.

A nebolo to ani také ťažké!

Predtým, ako začnete, odporúčame použiť nástroj Google PageSpeed Insights alebo BatchSpeed, aby ste zistili, na čom ste.

Na mobilnom zobrazení webstránky by ste mali dosiahnuť skóre minimálne 60 a na PC zobrazení aspoň 90.

Metriky Core Web Vitals môžete skontrolovať v Google Search Console. Podľa toho budete vedieť, na čo sa treba zamerať.

Ak v prehľade uvidíte veľa slabých URL adries (poor URLs), zrýchlenie webstránky by sa malo stať vašou prioritou.

Ako získať perfektné Google PageSpeed skóre

Strávili sme už množstvo času optimalizovaním rýchlosti webstránok – od prepisovania kódu až po hosťovanie, čím sme sa pokúšali získať kontrolu nad viacerými stránkami. Donedávna sme si mysleli, že na zrýchlenie webstránok sú najlepšie tieto nástroje:

WP Rocket (cache a WP optimalizácia)
Pefmatters (JavaScript a kaskádové štýly – CSS)
ShortPixel (optimalizácia obrázkov)
Key CDN (obrázky, statické objekty)
Cloudfare Pro (bezpečnosť a rôzne funkcie spojené s rýchlosťou)

Ich použitie však nebolo ani najlacnejšie, ani najjednoduchšie.
Vďaka týmto nástrojom sme získali veľmi dobré PageSpeed skóre na PC zobrazení, no nikdy sme sa nedostali blízko ku 100/100 na mobilnom zobrazení.

No, už poznáme aj lepšiu skupinu nástrojov. Sú lacnejšie a menej časovo náročné:

Ako môžete vidieť, zlepšenie je ohromné.
Takže ak chcete získať perfektné Google PageSpeed skóre, budete potrebovať tri nástroje:

1. NitroPack

NitroPack je bezpochyby najlepší nástroj na zlepšenie rýchlosti webstránky.

Rýchlosť optimalizuje toľkými spôsobmi, že je ťažké ich vôbec vymenovať:

celková optimalizácia CSS – vrátane skvelej funkcie, ktorá najprv extrahuje a načíta potrebné kaskádové štýly (CSS), ktoré sa zobrazia používateľovi hneď bez potreby skrolovania,
celková optimalizácia JS – to nikdy neuškodí. Ak ste sa niekedy snažili optimalizovať JavaScript, viete o čom hovoríme,
celková optimalizácia obrázkov – kompresia, prispôsobenie veľkosti, lenivé načítanie a formát webp (ak je podporovaný),
sieť na doručovanie obsahu CDN – Gzip kompresia, Brotli kompresia a podpora HTTP/2,
ostatné funkcie – optimalizácia Google Fonts, automatická optimalizácia bežne používaných skriptov a reklám.

Lepší nástroj neexistuje.

Môžete navštíviť web NitroPack, zadať svoju URL adresu a stránka vám ukáže, čo pre vás môže spraviť.

A najlepšie je, že vám to potrvá len päť minút a dokonca si môžete založiť aj bezplatný účet.

2. CloudFare – pokročilá optimalizácia (dobrovoľné)

Nerobte si starosti, ak ani po použití nástroja NitroPack nedosahujete perfektné skóre.
Stačí využiť CloudFare a ich pokročilú optimalizáciu (Advanced Platform Optimalization – APO).

Funkcia je dostupná za 5 $ (4,08 €) mesačne.

3. Perfmatters (dobrovoľné)

Ak sú súčasťou vášho obsahu videa z platforiem YouTube, Vimeo alebo Winsta, budete potrebovať na dosiahnutie perfektného PageSpeed skóre aj PerfMatters.
Presnejšie, budete musieť povoliť možnosti lenivého načítania iframes alebo videí a nahradiť ukážku videa (thumbnails).

Takto získate perfektné skóre pre stránky s vloženými videami. Ľahšie to už byť nemôže.

Pár dôležitých slov na záver

Povieme to jednoducho: Amazon môže kvôli jednosekundovému spomaleniu stratiť až 1,6 miliárd dolárov. Je to preto, lebo rýchlosť webstránky je dôležitým hodnotiacim faktorom pre zákazníkov a aj pre Google.

Google hodnotiaci faktor už od roku 2010

Google väčšinou neprezradí, ktoré hodnotiace faktory sú najdôležitejšie. No o tom, že rýchlosť načítania webstránky je jedným z nich vieme už od roku 2010: Zlepšenie rýchlosti webstránky, takmer, vždy vedie k zvýšeniu návštevnosti.

Aktualizácia Core Web Vitals – máj 2021

Ak používate Google Search Console, už minulý rok ste si mohli všimnúť nový prehľad Core Web Vitals:

Ak váš prehľad zobrazuje veľa slabých URL adries – nielenže vám uniká návštevnosť z vyhľadávania, ale čoskoro môžete stratiť aj súčasnú návštevnosť. To je spôsobené práve novou aktualizáciou Core Web Vitals.