Ininet

Weboldalon megjelenő képek gyorsítótárazása

A weboldal képei, stíluslapjai és scriptjei ritkán változnak. Ha a látogató böngészője ezeket eltárolja, a következő látogatáskor nem tölti le őket újra, és az oldal gyorsabban jelenik meg. Az oldalelemző eszközök, például a Google PageSpeed Insights vagy a GTmetrix, jelzik, ha ez nincs beállítva.

A tárhelyeken nincs alapértelmezett lejárati idő, mert weboldalanként más a jó érték. A weboldal tulajdonosa a .htaccess fájllal állíthatja be.

A beállítás .htaccess fájllal

  1. A .htaccess megnyitása

    FTP-n, SSH-n vagy cPanel tárhelyen a cPanel „Fájlkezelő” menüpontjában meg kell nyitni a weboldal gyökérkönyvtárában lévő .htaccess fájlt. Ha még nincs ilyen, létre kell hozni.

  2. A lejárati idők megadása

    A fájl végére, új sorba ezek a sorok kerülnek:

    <IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType image/gif "access plus 1 year"
    ExpiresByType image/webp "access plus 1 year"
    ExpiresByType image/avif "access plus 1 year"
    ExpiresByType image/svg+xml "access plus 1 year"
    ExpiresByType image/x-icon "access plus 1 year"
    ExpiresByType text/css "access plus 1 month"
    ExpiresByType text/javascript "access plus 1 month"
    ExpiresByType application/javascript "access plus 1 month"
    </IfModule>

    Ezzel a böngésző a képeket egy évig, a CSS és JavaScript fájlokat egy hónapig tárolja. Az értékek szabadon módosíthatók. Magukra az oldalakra (HTML) nem érdemes hosszú lejáratot állítani, mert akkor a látogatók a módosított tartalmat is késve látnák.

Ha egy kép megváltozik

A böngésző a fájl neve alapján tárol. Ha a foto1.jpg helyére ugyanazzal a névvel új kép kerül, a visszatérő látogató a lejáratig a régit látja. Ezért érdemes a fájlnév után egy verziót írni, például foto1.jpg?v=2, és a kép cseréjekor ezt átírni. A WordPress a saját CSS és JavaScript fájljainál ezt magától megoldja.

cPanel tárhelyen WordPress oldalnál a böngésző-gyorsítótárat az AccelerateWP is beállítja, erről a WordPress gyorsítótárazásáról szóló cikk szól.