Optimitzar imatges

Caché

La teva web no té memòria: quan falta la caché, tot va més lent

TL;DR: Sense caché, cada visita carrega tot des de zero: plantilles, consultes, arxius… Tot. Això fa que la teva web sigui molt més lenta del que hauria de ser. La caché al servidor (com Varnish o memcached) i la caché a WordPress (amb plugins com WP Rocket o W3 Total Cache) redueixen dràsticament el temps de càrrega. Si no en tens, la teva web està treballant massa i els usuaris (i Google) ho noten.

Per què la falta de caché és una malaltia?

Quan una web no fa servir cap sistema de caché, cada usuari que entra obliga el servidor a treballar des de zero: generar la pàgina, fer totes les consultes a la base de dades, carregar cada arxiu CSS i JS, etc.

Això no només alenteix la càrrega, sinó que també satura els recursos del servidor, especialment si hi ha trànsit elevat.

Hi ha dos nivells de caché:

1. Caché a nivell de servidor

És la més eficient i s’aplica abans que WordPress entri en joc.

Exemples habituals:

  • Varnish: serveix còpies ultra-ràpides de les pàgines HTML.
  • memcached o Redis: acceleren l’accés a dades repetides (per exemple, consultes habituals a la base de dades).

Aquesta caché és transparent per l’usuari, però depèn de la configuració del servidor. Molts hostings no la tenen activada per defecte, o directament no en tenen cap.

2. Caché a nivell de WordPress

Funciona a través de plugins i és imprescindible, tinguis o no

El que fan és:

  • Crear versions estàtiques de les pàgines (HTML). Com per crear una página s’han de fer consultes a la base de dades, carregar recursos externs, etc, ens guardem aquest codi ja “creat”, i el fem servir per mostrar-li a l’usuari. No cal tornar a generar la página.
  • Minificar i combinar fitxers. Treure espais, juntar diversos arxius en un de sol, per fer només una petició al servidor.
  • Aplicar Lazy Load, a les imatges i videos.
  • Precarregar contingut i DNS.

Exemples destacats:

  • WP Rocket (premium, molt complet, la meva elecció)
  • W3 Total Cache (gratuït i potent, però més complex)
  • LiteSpeed Cache (ideal si el teu hosting fa servir LiteSpeed)
  • Perfmatters (més lleuger, enfocat en optimització general, la meva segona opció)