Lazy loading este tehnica prin care browserul amână încărcarea imaginilor și altor resurse media până…

Cum configurați caching-ul pe un website WordPress cu WP Rocket
Caching-ul este cea mai eficientă optimizare de performanță pe care o puteți aplica unui site WordPress. Fără cache, WordPress generează dinamic fiecare pagină la fiecare vizită: interogări la baza de date, execuție PHP, asamblare HTML, totul repetat de la zero pentru fiecare utilizator. Cu page caching activat, WordPress servește versiuni HTML prestabilite ale paginilor, reducând TTFB-ul (Time to First Byte) cu 80-90% față de site-urile fără cache.
WP Rocket este cel mai popular plugin premium de caching pentru WordPress, cu peste 4 milioane de instalări active. Spre deosebire de alternativele gratuite, WP Rocket activează automat setările de bază la instalare și oferă o interfață care permite configurarea avansată fără cunoștințe tehnice profunde.
Puteți vezi detalii despre serviciile de promovare online și strategiile SEO eficiente.
Cum configurați caching-ul pe un website WordPress cu WP Rocket
Înainte de instalarea WP Rocket, dezactivați și ștergeți orice alt plugin de caching existent (W3 Total Cache, WP Super Cache, LiteSpeed Cache etc.). Conflictele dintre două plugin-uri de caching generează erori imprevizibile și pot deteriora funcționalitatea site-ului. WP Rocket detectează automat aceste conflicte și vă avertizează, dar este mai sigur să eliminați concurenții înainte de activare.
Configurarea page cache
Page caching se activează automat la instalarea WP Rocket. Setările relevante se găsesc acum în fila Add-ons și în secțiunile dedicate, după ce WP Rocket a eliminat fila Cache separată în versiunile recente.
Setări recomandate pentru page cache:
- Cache lifespan: 10 ore. Intervalul după care fișierele cache expiră și sunt regenerate. Zece ore este valoarea implicită și funcționează bine pentru marea majoritate a site-urilor. Site-urile de știri cu actualizări frecvente pot reduce la 2-4 ore.
- Caching pentru utilizatori autentificați: dezactivat, cu excepția site-urilor de tip membership unde fiecare utilizator vede conținut personalizat.
- Cache mobil: activat. WP Rocket detectează automat dispozitivele mobile și servește cache-ul corespunzător. Nu activați Separate cache for mobile devices dacă nu folosiți o temă dedicată exclusiv pentru mobil.
Preloading: cache-ul activ, nu pasiv
Fără preloading, cache-ul se construiește treptat pe măsură ce vizitatorii accesează paginile. Primul vizitator al unei pagini fără cache experimentează viteza unui site fără optimizare. Preloading-ul rezolvă acest lucru: WP Rocket accesează automat paginile din sitemap imediat după ce cache-ul expiră, astfel că niciun vizitator nu mai primește versiunea necached.
Activați preloading din fila Preload și selectați sitemap-ul generat de Yoast SEO sau Rank Math. WP Rocket îl detectează automat dacă aveți un plugin SEO instalat.
Optimizarea JavaScript
JavaScript neoptimizat este principala cauză a unui scor slab la Interaction to Next Paint (INP). WP Rocket oferă două opțiuni complementare:
Load JavaScript deferred amână execuția scripturilor neesențiale până după ce pagina devine vizibilă pentru utilizator. Este sigur pentru marea majoritate a site-urilor și îmbunătățește semnificativ INP-ul.
Delay JavaScript execution amână și mai mult execuția scripturilor până la prima interacțiune a utilizatorului (scroll, click). Este cea mai eficientă optimizare JavaScript din WP Rocket, dar poate provoca conflicte cu plugin-uri care necesită JavaScript activ imediat la încărcarea paginii. Activați-o, testați site-ul complet în fereastra incognito și excludeți scripturile problematice din câmpul de excluderi dacă observați funcționalități rupte.
Remove Unused CSS
Funcția Remove Unused CSS din secțiunea Optimize CSS delivery elimină codul CSS care nu este utilizat pe fiecare pagină în parte. Rezultatul este reducerea semnificativă a dimensiunii fișierelor CSS și eliminarea CSS-ului render-blocking, ceea ce îmbunătățește LCP-ul (Largest Contentful Paint).
Această funcție este asincronă: WP Rocket procesează CSS-ul în fundal și poate dura câteva minute până când efectele devin vizibile după prima activare. Dacă observați elemente vizuale rupte după activare, folosiți câmpul CSS to exclude pentru a excepta clasele CSS problematice.
LazyLoad pentru imagini și iframe-uri
LazyLoad amână încărcarea imaginilor și iframe-urilor (videoclipuri YouTube, hărți Google) până când utilizatorul scrollează spre ele. WP Rocket implementează LazyLoad nativ, fără JavaScript suplimentar pentru imagini, și oferă funcția YouTube thumbnail preview care înlocuiește iframe-urile YouTube cu o imagine statică până la click, economisind 1-2 MB per embed pe paginile cu videoclipuri incorporate.
Atenție: nu aplicați LazyLoad imaginii hero sau primei imagini din viewport. WP Rocket exclude automat prima imagine din conținut, dar verificați că imaginea LCP (cea mai mare și mai importantă vizual de pe pagină) nu este lazy-loaded, altfel LCP-ul va fi afectat negativ.
Integrarea cu Cloudflare
Dacă site-ul dvs. folosește Cloudflare, activați integrarea din Add-ons, Cloudflare în WP Rocket. Introduceți API Key-ul global, emailul contului Cloudflare și Zone ID-ul domeniului. Această integrare permite WP Rocket să curețe cache-ul Cloudflare automat când actualizați conținut pe WordPress, prevenind situația în care Cloudflare servește versiuni vechi ale paginilor după actualizare.
Verificarea că caching-ul funcționează
Deschideți site-ul într-o fereastră incognito (fără să fiți autentificat în WordPress). Click-dreapta pe pagină, View Page Source. Căutați în codul sursă comentariul generat de WP Rocket, vizibil la finalul codului HTML: acesta confirmă că pagina este servită din cache și afișează data și ora la care cache-ul a fost generat.
Concluzie
Configurarea corectă a WP Rocket pe WordPress acoperă cinci zone principale: page cache cu preloading, optimizare JavaScript prin defer și delay, Remove Unused CSS, LazyLoad și integrare cu Cloudflare. Activați setările incremental, testând după fiecare modificare, pentru a identifica rapid eventualele conflicte. Cisnet vă poate ajuta cu configurarea completă a performanței WordPress și cu interpretarea rezultatelor din Google PageSpeed Insights și Search Console.
Comments (0)