Když návštěvník otevře váš web poprvé, jeho prohlížeč stáhne všechny soubory potřebné k zobrazení stránky: HTML, styly, skripty, obrázky a písma. Při opakované návštěvě nemusí prohlížeč všechny tyto soubory stahovat znovu, pokud jsou uložené lokálně. Mezipaměť prohlížeče je mechanismus, který to umožňuje, a je to jeden z nejjednodušších způsobů, jak zajistit, aby web působil rychleji pro vracející se návštěvníky.
Mezipaměť prohlížeče ukládá kopie souborů webu v zařízení návštěvníka, takže další načtení stránky může přeskočit stahování zdrojů, které se nezměnily. Server prohlížeči říká, jak dlouho má každý soubor uchovávat a kdy si má zkontrolovat aktualizované verze. Když pochopíte, jak mezipaměť prohlížeče funguje, uvidíte, proč se opakované návštěvy často zdají znatelně rychlejší než ta první.
Jak mezipaměť prohlížeče funguje?
Každý soubor, který váš server odešle, obsahuje pokyny pro mezipaměť v hlavičkách odpovědi HTTP. Tyto hlavičky prohlížeči říkají, zda má soubor uložit, jak dlouho ho uchovat a kdy si vyžádat novou kopii.
Při první návštěvě prohlížeč stáhne všechny potřebné soubory z vašeho serveru a soubory vhodné pro mezipaměť uloží do lokálního úložiště. Při opakovaných návštěvách prohlížeč místo opětovného stahování načte platné soubory z mezipaměti v lokálním úložišti.
Které soubory z mezipaměti prohlížeče profitují nejvíc?
Ne každý soubor by se měl ukládat stejně. Ideálními kandidáty jsou statické zdroje, které se mění zřídka. Dynamický obsah, který se často aktualizuje, potřebuje kratší dobu uložení nebo žádnou mezipaměť.
Dlouhá doba uložení
- Styly a soubory JavaScript, které se mění jen při úpravě designu webu
- Obrázky loga, ikony a favicony
- Soubory písem
- Obrázky na pozadí a dekorativní grafika
Krátká doba uložení nebo žádná mezipaměť
- Stránky HTML s často aktualizovaným obsahem
- Stránky s personalizovaným nebo dynamickým obsahem
- Odpovědi rozhraní API a koncové body pro zpracování formulářů
Obecný princip je jednoduchý: do mezipaměti ukládejte vydatně to, co se mění zřídka, a opatrně to, co se mění často. Článek o tom, co je mezipaměť a proč je důležitá, pokrývá širší oblast ukládání do mezipaměti včetně mezipaměti na straně serveru a sítě CDN.
Proč na mezipaměti prohlížeče záleží pro rychlost?
Mezipaměť prohlížeče přímo snižuje množství dat, která musí návštěvník stáhnout, i počet požadavků na server při opakovaných návštěvách. Obě zlepšení se promítají do rychlejšího načítání stránek.
Rychlejší vnímaná doba načítání
Načtení stylů z lokálního úložiště trvá milisekundy. Stažení téhož souboru po síti trvá stovky milisekund i víc, podle rychlosti připojení. Při opakovaných návštěvách se zdroje z mezipaměti objevují téměř okamžitě, takže stránka působí výrazně rychleji, ještě než se načte nový obsah.
Nižší zátěž serveru
Každý soubor doručený z mezipaměti prohlížeče je o jeden požadavek méně, který musí váš server vyřídit. U webů s vracejícími se návštěvníky to zlepšuje doby odezvy pro všechny návštěvníky.
Zisky ve výkonu na mobilu
Mobilní připojení jsou obvykle pomalejší než připojení na počítači. Mezipaměť prohlížeče přináší na mobilu ještě větší zrychlení, protože eliminuje síťové požadavky, které by na slabších připojeních byly pomalé. Článek o tom, proč záleží na rychlosti stránek na mobilu, vysvětluje, proč je tato vrstva pro mobilní návštěvníky zvlášť zásadní.
Jak WEMASY řeší mezipaměť prohlížeče
WEMASY automaticky nastavuje vhodné hlavičky mezipaměti pro všechny typy souborů. Statické zdroje, jako jsou styly, skripty a obrázky, dostávají dlouhou dobu uložení. Stránky HTML dostávají kratší dobu, aby se aktualizace obsahu po publikování projevily rychle. Když provedete změny v editoru, systém WEMASY aktualizuje verze mezipaměti, takže vracející se návštěvníci dostanou čerstvý obsah bez ručního mazání mezipaměti.
Co všechno je v ceně, zjistíte u tvůrce webů WEMASY, nebo si prohlédněte tarify v ceníku.
Často kladené otázky
Co je mezipaměť prohlížeče?
Mezipaměť prohlížeče ukládá kopie souborů webu v zařízení návštěvníka, aby se opakované návštěvy načítaly rychleji. Server s každým souborem posílá pokyny pro mezipaměť, které prohlížeči říkají, jak dlouho ho má uchovat, než zkontroluje aktualizace. S tvůrcem webů WEMASY to můžete nastavit přímo na svém webu.
Jak se mezipaměť prohlížeče liší od mezipaměti serveru?
Mezipaměť prohlížeče ukládá soubory v zařízení návštěvníka pro rychlejší načítání při jeho opakovaných návštěvách. Mezipaměť serveru ukládá předem sestavené stránky na hostingovém serveru, takže proces generování stránky neběží při každém požadavku. Obě zkracují dobu načítání, ale působí v různých bodech řetězce doručování.
Proč je můj web při druhé návštěvě rychlý, ale při první pomalý?
První návštěva vyžaduje stažení všech zdrojů stránky ze serveru. Druhá návštěva načte mnoho z těchto zdrojů z mezipaměti prohlížeče, což je mnohem rychlejší. Je to normální chování a ukazuje, že mezipaměť prohlížeče funguje. Optimalizace první návštěvy se zaměřuje na kompresi obrázků, dobu odezvy serveru a omezení zdrojů blokujících vykreslování.
Mohou návštěvníci vidět starý obsah kvůli mezipaměti prohlížeče?
Ano, pokud jsou doby uložení příliš dlouhé a server po změnách obsahu neaktualizuje verze mezipaměti. Dobře spravované platformy to řeší automaticky tím, že při publikování změn aktualizují identifikátory mezipaměti. Návštěvníci pak při další návštěvě dostanou čerstvé soubory, aniž by museli ručně mazat mezipaměť prohlížeče.
Mám mazat mezipaměť prohlížeče, abych svůj web otestoval?
Vymazání mezipaměti prohlížeče se hodí, když testujete, zda se nedávné změny zobrazují správně. Simuluje zážitek návštěvníka, který přichází poprvé. Při běžném prohlížení vlastního webu není mazání mezipaměti nutné. Použijte soukromé nebo anonymní okno, abyste mohli testovat, aniž byste ovlivnili své běžné soubory v mezipaměti.
Musím mezipaměť prohlížeče nastavovat sám?
Na spravované webové platformě se hlavičky mezipaměti nastavují automaticky podle typu souboru. U hostingu, který si spravujete sami, vyžaduje konfigurace mezipaměti nastavení serveru nebo rozšíření pro ukládání do mezipaměti. WEMASY řeší veškerou konfiguraci mezipaměti prohlížeče bez jakéhokoli technického nastavování z vaší strany.