Böngészőoldali gyorsítótár
A statikus fájlokat a látogatónál kell tárolni.
Mi ez
A böngészőoldali gyorsítótár (a Cache-Control / Expires fejlécek révén) lehetővé teszi, hogy a böngésző tárolja a statikus fájlokat (képek, CSS, JS, betűtípusok), és a következő látogatáskor ne töltse le újra.
Miért foglalkozzon vele
Gyorsítótár nélkül a visszatérő látogató minden betöltéskor mindent újra letölt, feleslegesen lassú és adatigényes. A megfelelő gyorsítótár jelentősen gyorsítja az ismételt látogatásokat és tehermentesíti a szervert.
Hogyan csinálja
- 1Állíts be hosszú gyorsítótárat (pl. 1 év) a változatlan statikus fájlokra.
- 2Használj „cache busting”-ot, verziózás a névben (app.4f3a.js), hogy változáskor a felhasználó új verziót kapjon.
- 3A HTML-t tartsd rövid vagy nulla gyorsítótárral (mindig friss legyen).
- 4Ellenőrizd a Cache-Control fejléceket a válaszban.
Statikus fájlok gyorsítótárazása (.htaccess)
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/webp "access plus 1 year"
ExpiresByType text/css "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
</IfModule>Összegzés
A böngészőoldali gyorsítótár olcsó módja az ismételt látogatások gyorsításának. A kulcs a hosszú gyorsítótár a statikára + a nevek verziózása kombinációja, hogy a fájlokat anélkül változtathasd, hogy a felhasználó régi verziót látna. A HTML-t viszont hagyd frissen.
Kapcsolódó témák