Opustili jste někdy web, protože se načítal příliš dlouho? Většina lidí ano. Vaši návštěvníci dělají totéž. Každá vteřina načítání je o vteřinu blíž k jejich odchodu. Rychlost přímo ubírá návštěvnost a přímo kazí pozice. Zrychlení webu patří k nejvýnosnějším zlepšením, jaká můžete udělat.
Proč na rychlosti webu záleží
Uživatelé pomalé weby nesnášejí. Každá vteřina zpoždění zvyšuje míru okamžitého opuštění. Tři vteřiny zpoždění znamenají citelný úbytek uživatelů. Lidé doslova odejdou, než se vaše stránka dokončí načítání.
Vyhledávačům na rychlosti záleží, protože záleží uživatelům. Rychlé weby mají lepší metriky zapojení. Lidé zůstávají déle. Klikají víc. Vyhledávače to vidí a rychlé weby odměňují lepšími pozicemi.
Rychlost je ranking faktor. Google potvrdil, že rychlost webu ovlivňuje pozice. Stránky, které se načítají rychleji, se umisťují výš než pomalé (při jinak stejných podmínkách). Vliv se liší podle oboru, ale je trvale pozitivní.
Měření rychlosti webu
Použijte Google PageSpeed Insights. Zadejte adresu stránky a Google ukáže skóre rychlosti a konkrétní doporučení. Nabízí laboratorní data (umělé testování) i terénní data (data skutečných uživatelů).
Použijte Google Search Console. Přehled Core Web Vitals ukazuje, jak rychle se vaše stránky načítají v reálném světě. Jsou to skutečná data uživatelů, ne umělé testování.
Použijte specializovaný nástroj pro testování rychlosti. Tento pokročilý nástroj zobrazí podrobné vodopádové grafy všeho, co se na stránce načítá. Odhalí slabá místa a pomalé zdroje.
Použijte Lighthouse ve vývojářských nástrojích Chromu. Tento open-source nástroj běží ve vašem prohlížeči a dává použitelná doporučení ke zlepšení.
Časté příčiny pomalosti
Velké neoptimalizované obrázky jsou největším viníkem. Obrázky často tvoří 50 procent velikosti stránky. Komprimujte obrázky důsledně. Používejte moderní formáty (WebP). Nabízejte responzivní obrázky, které se přizpůsobí velikosti zařízení.
CSS a JavaScript blokující vykreslení zpožďují zobrazení stránky. Nepodstatné CSS a JavaScript načítejte až po vykreslení stránky. U značek script používejte atributy async a defer.
Neoptimalizovaná odezva serveru. Váš server odpovídá příliš dlouho. Jde o problém hostingu nebo kódu. Použijte rychlého poskytovatele hostingu. Optimalizujte dotazy do databáze. Používejte cache.
Skripty třetích stran (reklamy, analytika, chatboti) stránky zpomalují. Každý externí skript zdržuje vykreslení. Používejte jich co nejméně. Načítejte je asynchronně, aby stránku neblokovaly.
Chybějící cache. Každý návštěvník si stahuje všechno od začátku. Nastavte cache v prohlížeči, aby se vracející se návštěvníci načítali rychleji. Statické soubory ukládejte pomocí CDN do cache podle zeměpisné polohy.
Techniky optimalizace
Komprimujte obrázky. Použijte k tomu nástroje na kompresi obrázků. Odstraňte metadata. Převeďte do efektivních formátů (JPEG pro fotografie, PNG pro grafiku, WebP pro moderní prohlížeče).
Líně načítejte obrázky. Obrázky pod ohybem se načtou, až když k nim uživatel doroluje. Použijte nativní líné načítání (loading="lazy") nebo knihovnu JavaScriptu.
Minifikujte CSS a JavaScript. Odstraňte nepotřebné znaky. Spojte soubory. Tím se zmenší jejich velikost.
Použijte CDN (Content Delivery Network). CDN ukládá váš obsah na serverech po celém světě. Uživatelé stahují ze serveru blízko sebe, ne z vašeho původního serveru. To výrazně snižuje latenci.
Zapněte na serveru kompresi gzip. Gzip soubory před odesláním do prohlížečů zkomprimuje. Většina serverů to zvládne jedním nastavením.
Používejte cache v prohlížeči. Nastavte hlavičky cache, aby si prohlížeče statické soubory ukládaly lokálně. Vracející se návštěvníci pak nestahují všechno znovu.
Odstraňte nepoužívané CSS a JavaScript. Každý řádek kódu, který váš web nepoužívá, ho zpomaluje. Projděte svůj kód. Zbavte se zbytečné zátěže.
Optimalizace rychlosti podle priority
Priorita 1: Optimalizujte obrázky. Tady je nejvyšší návratnost. Velké neoptimalizované obrázky zpomalují většinu webů. Komprese a líné načítání často zdvojnásobí rychlost stránky.
Priorita 2: Zřiďte CDN. Je to jednoduché a má to obrovský dopad. Statické soubory se budou servírovat ze serverů blízko uživatelů místo z vašeho původního serveru.
Priorita 3: Zapněte cache. Cache v prohlížeči je zdarma. Nastavte ji. Vracející se návštěvníci uvidí web mnohem rychleji.
Priorita 4: Omezte zdroje blokující vykreslení. Odložte JavaScript. Kritické CSS vložte přímo do stránky. Nekritické CSS načítejte asynchronně.
Priorita 5: Zkraťte odezvu serveru. Vyžaduje to optimalizaci kódu nebo rychlejší hosting. Často se to zlepšuje nejhůř, ale pro rychlé weby je to nutné.
Často kladené otázky
Jak rychle by se měl můj web načítat?
Rychlejší je vždy lepší, ale držte se těchto orientačních hodnot: First Contentful Paint pod 1,8 sekundy. Largest Contentful Paint pod 2,5 sekundy. Celkové načtení stránky pod 3 sekundy. Čím rychleji, tím lépe. Každá vteřina zlepšení zvyšuje konverze a vylepšuje pozice. S Tvůrcem webů od WEMASY to můžete nastavit přímo na svém webu.
Musím optimalizovat zvlášť rychlost na mobilu?
Ano. Mobilní sítě jsou pomalejší a proměnlivější než sítě pro počítače. Mobilní uživatelé mají méně trpělivosti. Optimalizujte pro mobil důsledně. Rychlost na mobilu je ještě důležitější než na počítači. Google indexuje primárně mobilní verzi, takže rychlost na mobilu přímo ovlivňuje vaše pozice.
Zlepší rychlejší web moje pozice?
Pravděpodobně ano. Rychlost je ranking faktor. Rychlé weby se umisťují výš než pomalé. Kvalita obsahu a zpětné odkazy ale pořád váží víc. Pomalý web s výborným obsahem se může umístit dobře. Rychlý web se stejně dobrým obsahem se ale umístí lépe.
Co je důležitější: obrázky, nebo JavaScript?
Obrázky. Velké neoptimalizované obrázky jsou na většině webů největším zabijákem rychlosti. Nejdřív optimalizujte obrázky. Potom JavaScript. Potom se pusťte do dalších slabých míst. Optimalizace obrázků obvykle přinese největší zrychlení s nejmenší námahou.
Mám použít CDN?
Ano, pokud obsluhujete návštěvnost z různých zemí nebo máte statické soubory (obrázky, CSS, JavaScript). CDN se snadno zřizuje a má obrovský dopad. Ukládá váš obsah na serverech po celém světě. Uživatelé stahují ze serveru blízko sebe, takže se snižuje latence. Vyplatí se téměř každému webu.
Jak často bych měl(a) rychlost webu testovat?
Minimálně jednou měsíčně. Častěji je lepší. Po provedení optimalizací testujte hned. Zhoršení rychlosti se objevuje, když přidáte nové funkce nebo skripty třetích stran. Pravidelné sledování zachytí problémy dřív, než poškodí příliš mnoho uživatelů.