Šta je cache i kako ubrzava sajt

Šta je cache (keširanje)

Cache (kes) je privremeno skladište za podatke koji se često koriste. Umjesto da server svaki put iznova generiše stranicu od nule - cita bazu podataka, pokreće PHP kod, spaja HTML - keširani sadržaj se servira direktno iz memorije ili sa diska. Rezultat je dramatično brže učitavanje stranica.

Zamislite cache kao policu pored kase u prodavnici. Umjesto da idete u magacin (server) po svaki proizvod koji kupci često traže, držite najpopularnije artikle odmah pri ruci. Isto tako, cache drži često tražene stranice i resurse bliže korisniku za brzu isporuku.

Browser cache (keširanje u pregledaču)

Browser cache je najbliži korisniku. Kada posjetitelj prvi put otvori vaš sajt, pregledač preuzima sve resurse - HTML, CSS, JavaScript, slike, fontove. Kod ponovne posjeta, pregledač učitava ove resurse iz lokalne memorije umjesto da ih ponovo preuzima sa servera.

Kako funkcioniše

• Cache-Control header: Server šalje zaglavlje koje govori pregledacu koliko dugo da čuva resurs. Na primjer, Cache-Control: max-age=31536000 znači da pregledac čuva fajl godinu dana.
• ETag: Jedinstveni identifikator verzije fajla. Pregledac pita server "da li se fajl promenio od verzije X?" - ako nije, server odgovara sa 304 Not Modified i ne šalje sadržaj ponovo.
• Expires header: Stariji mehanizam koji eksplicitno navodi datum isteka keširanja.

Preporučena podešavanja

• Slike, fontovi, CSS/JS: Kesirajte na duži period (6 mjeseci do 1 godine). Koristite verzionisanje u imenu fajla (style.v2.css) za ažuriranja.
• HTML stranice: Kratak ili nikakav browser cache jer se sadržaj može menjati često.
• .htaccess primjer: U Apache/LiteSpeed, koristite mod_expires za podešavanje cache pravila po tipu fajla.

Pravilno podeshen browser cache može smanjiti vrijeme učitavanja za 60-80% za ponovne posjeta. Google PageSpeed Insights upozorava ako nemate podešena odgovarajuca cache zaglavlja.

Server cache (keširanje na serveru)

Server cache čuva generisane stranice na serveru da bi izbjegao ponovnu obradu pri svakom zahtjevu. Za PHP sajtove poput WordPress-a, ovo je kritično jer PHP generiranje stranice zahtjeva više CPU vremena od serviranja statickog fajla.

Tipovi server cache-a

• Page cache (Full page cache): Cijeli HTML izlaz stranice se čuva kao staticki fajl. Sljedeći zahtjev dobija taj fajl direktno, bez pokretanja PHP-a. Najefektniji tip keširanja za WordPress.
• Opcode cache (OPcache): PHP kod se kompajlira u bajtkod samo jednom, a zatim se keširani bajtkod koristi za sve naredne zahtjeve. Uključen je podrazumevano u PHP 8.x.
• Object cache: Rezultati upita bazi podataka se čuvaju u memoriji (Redis ili Memcached). Posebno korisno za WooCommerce i sajtove sa mnogo dinamičkog sadržaja.
• Database query cache: Baza podataka (MySQL/MariaDB) ima ugrađeni mehanizam za keširanje često izvrshavanih upita.

LiteSpeed Cache

LiteSpeed server ima ugrađen cache mehanizam koji radi na nivou web servera - brži je od bilo kog PHP-baziranog cache rješenja. LiteSpeed Cache plugin za WordPress upravlja ovim cache-om i nudi:

• Automatsko keširanje stranica sa pametnom invalidacijom (kesira se samo ono što se promenilo).
• ESI (Edge Side Includes) za parcijalno keširanje - kesirajte veći dio stranice dok dinamički elementi (korpa, prijavljeni korisnik) ostaju nekeisirani.
• Optimizaciju slika, CSS-a i JavaScript-a u istom pluginu.
• Crawler koji proaktivno generiše cache prije nego što posjetitelj dođe.

CDN cache (Content Delivery Network)

CDN distribuira kopije vašeg sajta na servere širom svijeta. Kada posjetitelj iz Japana poseti vaš sajt koji je hostiran u Bosni i Hercegovini, umjesto da zahtjev putuje hiljadama kilometara, CDN servira sadržaj sa najblizeg servera - možda iz Tokija.

Kako CDN funkcioniše

• Edge serveri: CDN ima mreže servera (edge nodes) na stotine lokacija širom svijeta. Svaki čuva kopiju vašeg statickog sadržaja.
• Origin server: Vaš hosting server je origin - izvor originalnog sadržaja. CDN povremeno provjerava origin za ažuriranja.
• TTL (Time to Live): Određuje koliko dugo CDN čuva kopiju prije nego što provjeri origin za novu verziju.

Šta CDN kesira

• Slike (JPG, PNG, WebP, SVG) - obično najzeci resursi na sajtu.
• CSS i JavaScript fajlove.
• Fontove (WOFF2, TTF).
• Video i audio fajlove.
• Staticke HTML stranice (kod nekih CDN-ova).

Populrni CDN servisi

• Cloudflare: Besplatan plan sa osnovnim CDN-om, DNS-om i DDoS zaštitom. Najpopularniji izbor za male i srednje sajtove.
• BunnyCDN: Povoljniji od većine konkurenata, sa dobrim performansama i serverima u Europi.
• QUIC.cloud: CDN optimiziran za LiteSpeed servere, sa integracijom u LiteSpeed Cache plugin.

WordPress cache plugini

Ako koristite WordPress, cache plugin je jedan od najvažnijih plugina koje možete instalirati. Evo pregleda najpopularnijih opcija:

LiteSpeed Cache (preporuka za BeoHosting)

• Radi na nivou servera - brži od svih PHP-baziranih alternativa.
• Besplatan sa svim funkcijama uključenim.
• Optimizacija slika, CSS/JS minifikacija, lazy loading - sve u jednom pluginu.
• Zahtjeva LiteSpeed server (što BeoHosting koristi).

WP Rocket

• Premium plugin (59 EUR godišnje za jednu licencu).
• Radi na bilo kom serveru (Apache, Nginx, LiteSpeed).
• Najlakši za podešavanje - dobri podrazumevani parametri iz kutije.
• Database optimizacija, heartbeat kontrola, lazy loading.

W3 Total Cache

• Besplatan sa naprednim opcijama za iskusne korisnike.
• Podrška za page cache, object cache, browser cache, CDN.
• Komplikovanije podešavanje - pogrešna konfiguracija može usporiti sajt.

WP Super Cache

• Besplatan, jednostavan, pouzdan.
• Napravljen od Automattic tima (kreatori WordPress-a).
• Manje opcija od W3 Total Cache ali mnogo jednostavniji za upotrebu.

Kada cache može napraviti problem

Cache nije uvek rješenje - u nekim situacijama, nepravilno keširanje može izazvati probleme:

• Dinamicki sadržaj: Stranice koje moraju biti različite za svakog korisnika (korpa, nalog, checkout) ne smeju biti kesirane.
• Zastareli sadržaj: Ako promenite stranicu a cache se ne osvezi, posjetitelji vide stari sadržaj. Pravilna invalidacija cache-a je ključna.
• Debugging: Cache može sakriti greške - ako testirate promjene a ne vidite ih, vjerovatno gledate kesiranu verziju. Uvek očistite cache poslije izmena.
• Personalizovani sadržaj: Sajtovi sa A/B testiranjem ili geolokacijom moraju pažljivo konfigurirati cache da različiti korisnici ne dobiju pogrešnu verziju.

Merenje efekta keširanja

Da biste videli koliko cache poboljšava performanse vašeg sajta, koristite ove alate:

• Google PageSpeed Insights: Mjeri brzinu učitavanja i daje konkretne preporuke za keširanje.
• GTmetrix: Detaljnija analiza sa waterfall dijagramom koji pokazuje svaki zahtjev i da li je serviran iz cache-a.
• WebPageTest: Testira sa različitih lokacija i pokazuje razliku između prvog učitavanja (cold cache) i ponovnog (warm cache).
• Chrome DevTools: Network tab pokazuje veličinu i vrijeme učitavanja svakog resursa, i da li je serviran iz browser cache-a.

Zaključak

Keširanje je najefikasniji način za ubrzavanje sajta bez dodatnih troškova. Kombinacija browser cache-a, server cache-a i CDN-a može smanjiti vrijeme učitavanja za 70-90%. Za WordPress sajtove na BeoHosting-u, LiteSpeed Cache plugin je idealno rješenje jer koristi ugraiđeni server cache za maksimalne performanse. Počnite sa instalacijom cache plugina, podesite browser cache zaglavlja i razmotrite CDN za globalnu publiku. Rezultati će biti vidljivi odmah - brži sajt znači zadovoljnije posjetitelje, bolji SEO i više konverzija.