Configura WP Super Cache De Forma Òptima

Configura WP Super Cache De Forma Òptima

En aquest post, et donem a conèixer com configurem Wp Super Cache per servir les pàgines del teu web WordPress a màxima velocitat. Deixarem de banda els aspectes bàsics i ens centrarem en les claus que fem servir a Wetopi, Allotjament Gestionant Especialitzat WordPress.

Table of Contents

Per què WP Super Cache?

WP Super Cache, és el plugin de cache que des de Wetopi sempre recomanem per múltiples raons:

  • És lleuger, i encara que pugui semblar complex, se centra en un únic propòsit: generar estàtics HTML.
  • molt bona reputació i un historial de milions de descàrregues.
  • Ho manté Automattic i és de codi lliure. Aquest és el seu repositori a Github.
  • Com és un clàssic, gairebé totes els plugins manegen correctament les excepcions quan cal esquivar els sistemes de memòria cau.
  • Rarament ocasiona incompatibilitats amb altres connectors.

Activar i configurar WP Super Cache amb 1-clic

Si el vostre servidor està allotjat a Wetopi, deixar activat i configurat WP Super Cache, és un simple clic.

Trobareu aquesta opció al menú del vostre servidor WordPress, dins de la secció d’opcions avançades:

Configuració òptima de WP Super Cache amb un sol clic
Cliqueu sobre WP Super Cache per instal·lar, activar i configurar de forma òptima el sistema de memòria cau

No cal fer cap altra acció.

No obstant això, si no estàs allotjat a Wetopi, o desitges conèixer la combinació d’opcions que considerem òptimes per configurar WP Super Cache, segueix llegint l’article.

Per no trencar la teva web producció durant les proves …

Clona el teu server producció i crea un entorn “staging” !!!

Clonar un lloc de WordPress amb Wetopi és tan fàcil com un simple clic.

La millor manera de servir les pàgines en memòria cau

WP Super Cache, ofereix dos mètodes per escorcollar pàgines:

  • Simple i
  • Expert

Amb l’opció “Simple”, s’utilitza PHP per servir pàgines registrades, mentre que amb el mètode “Expert”, se serveixen les pàgines en memòria cau directament sense utilitzar PHP.

Si no necessitem processar codi PHP, els servidors web són capaços de servir de manera molt eficient les pàgines estàtiques.

Com servir directament les pàgines en memòria cau

A Wetopi, per maximitzar la velocitat, utilitzem Nginx com a servidor de pàgines. Una virtut de Nginx és que és tremendament eficient quan es dedica a servir estàtics: imatges, JS, CSS, HTML, etc.

Perquè Nginx serveixi els fitxers de memòria cau generats per WP Super Cache sense passar per PHP, afegim la següent configuració:

set $cache_uri $request_uri;

# POST requests and urls with a query string should always go to PHP
if ($request_method = POST) {
    set $cache_uri 'null cache';
}

if ($query_string != "") {
    set $cache_uri 'null cache';
}

# Don't cache uris containing the following segments
if ($request_uri ~* "(/wp-admin/|/xmlrpc.php|/wp-(app|cron|login|register|mail).php|wp-.*.php|/feed/|index.php|wp-comments-popup.php|wp-links-opml.php|wp-locations.php|sitemap(_index)?.xml|[a-z0-9_-]+-sitemap([0-9]+)?.xml)") {
    set $cache_uri 'null cache';
}

# Don't use the cache for logged in users or recent commenters
if ($http_cookie ~* "comment_author|wordpress_[a-f0-9]+|wp-postpass|wordpress_logged_in") {
    set $cache_uri 'null cache';
}


location / {
    include  /var/www/conf/mime.types;

    # No php is touched for static content.
    # include the "?$args" part so non-default permalinks doesn't break when using query string
    try_files /wp-content/cache/supercache/$http_host/$cache_uri/index-https.html $uri $uri/ /index.php?$args;
}

NOTES: Donem per fet que la web s’està servint de manera segura amb HTTPS.
Si no és així, modifica el try_files eliminant el tram ” -https“.

IMPORTANT: amb Wetopi, no necessites modificar manualment els fitxers de configuració de Nginx. Aquesta configuració de Nginx s’activa i es desactiva automàticament amb l’opció WP Super Cache.

Comprimir les pàgines

Comprimir els arxius de la teva web WordPress és una excel·lent manera de reduir la mida de les pàgines i recursos que tinguin text: html, codi Javascript, fulls d’estil CSS,… Amb la compressió aconseguirem accelerar el temps de càrrega.

WP Super Cache i la majoria de plugins tenen opcions avançades per a aquesta tasca.

Això no obstant, si tens un servidor web modern, recomanem encaridament,
NO utilitzeu les opcions de compressió gestionades per plugins.

No comprimiu les pàgines amb WP Super Cache, o qualsevol altre plugin que realitzeu aquesta tasca amb l’ajuda de PHP. En canvi, utilitza un bon web server amb capacitat per comprimir de forma eficient.

No comprimiu les pàgines des de WP Super Cache
No marqueu l’opció Comprimir les pàgines.

Des de Wetopi et recomanem un web server que sigui capaç de comprimir utilitzant Brotli.

Brotli és el relleu dels sistemes tradicionals de compressió com a gzip. En aquest article trobaràs informació detallada sobre compressió Brotli per a WordPress.

A Wetopi et disposes de Servidors de Desenvolupament GRATUÏTS, amb Brotli activat
i tots els ajustos a punt per a servir WordPress a la velocitat de la llum.

Registra’t en 10 segons i crea el teu compte Wetopi totalment gratis.

Podem veure com serveixen les pàgines comprimides des de l’inspector del nostre navegador. Quan passeu sobre el valor de la mida de la pàgina, apareix el text flotant on ens indica 18.3 kB transferits d’un recurs de mida 98.4 kB. Aquesta diferència ens indica que el nostre web server està comprimint els recursos:

18.3 kB transferits a través de la xarxa, mida del recurs 98.4 kB

No sempre cal minimitzar recursos

Si volem un WordPress ràpid, necessitem eliminar qualsevol mena de plugin o tasca innecessària. Molts plugins de memòria cau vénen sobrecarregats d’opcions no sempre necessàries. Entre elles, minimitzar els recursos.

Aparentment sembla contradictori: Minimitzar farà que el fitxer sigui més petit i per tant el meu WordPress anirà més ràpid? No?

Doncs Sí i No!

Si anirà més ràpid si no disposes d’un bon sistema de compressió com esmentem al punt anterior. Però no tindrà gaire sentit si tens un server amb un bon sistema de compressió.

Com a prova, a continuació minimitzem la pàgina html amb el plugin Autoptimize:

És així com queda una pàgina html minimitzada.

I si observem la reducció de la mida del fitxer html quan el servim de forma comprimida, la diferència hauria de ser mínima:

17.7 kB transferits a través de la xarxa, mida del recurs 92.2 kB

Hem passat tan sols de 18.3 a 17.7 kB i la millora en temps és de 2 mil·li-segons.

En un cas així és preferible alliberar WordPress del treball de minimitzar arxius. Minimitzar és un procés realment costós en temps de procés. És millor alliberar de càrrega la CPU perquè la generació de pàgines a WordPress sigui molt més ràpida. Ja sigui quan fem “Prefetch” per desar totes les pàgines en memòria cau, o bé per servir més ràpid als usuaris que visualitzen pagines no escorcollades.

Un altre aspecte important a tenir en compte, és que la majoria de temes usen els recursos javascript ja per defecte en el format minimitzat.

La nostra opinió:

No descartem un plugin com WP Super Cache, per no tenir opcions com la de minimitzar.

És molt millor tenir un bon sistema de compressió a nivell servidor web.

Durant quant de temps desar les pàgines en memòria cau?

La resposta ràpida és: el màxim de temps possible. Per defecte a Wetopi solem deixar un Temps de caducitat de 48h (172.800 segons). Per a la recollida d’escombraries o neteja de cache posem per defecte el Temporitzador a 9 minuts (540 segons). Per evitar els pics de treball al vostre servidor, és important que la neteja es faci a poc a poc, així evitaràs acumular tasques massives de manipulació d’arxius.

Temps de caducitat i Recollida d'escombraries de Wp Super Cache
Ajustaments de permanència i neteja d’arxius de Wp Super Cache

Si tenim una web on el contingut el controlem nosaltres i només canvia quan editem post o pàgines, aleshores podem deixar les pàgines generades en memòria cau per temps indefinit (Posa un 0 per desactivar la recollida d’escombraries).

Per defecte Wp Super Cache, ja s’encarrega de regenerar les pàgines quan guardem canvis en un post o pàgina.

Si tenim un lloc web amb moltes referències o dependències entre pàgines o posts, podeu configurar WP Super Cache amb l’opció: “Esborrar tots els fitxers de memòria cau quan es publica o actualitza una entrada o una pàgina”:

Esborrar tots els fitxers de memòria cau quan es publica o actualitza una entrada o una pàgina

Ajustaments de WP Super Cache per a WooCommerce

En combinar WooCommerce amb WP Super Cache no sol haver-hi problema amb les pàgines que mostren informació personalitzada per a lusuari. WooCommerce és compatible amb WP Super Cache, per la qual cosa a priori no haurem d’establir ajustaments addicionals.

Quan treballem amb WooCommerce, és important que pàgines com la del carretó /cart/, /mi-cuenta/, o finalitzar compra /checkout/ mai es guardin en memòria cau. No obstant això des de la versió 1.4.2, WooCommerce estableix la constant DONOTCACHEPAGE, el que significa que, tècnicament, no necessites fer res per excloure les pàgines del sistema de memòria cau.

No obstant això, sempre és recomanable testar les diferents rutes d’una compra:

  • Proveu que la pàgina de producte carregui i mostri els productes correctes.
  • Proveu que les pàgines de la vostra categoria carreguin i mostrin els productes correctes.
  • Realitza una compra sense registrar-te, com a convidat. Assegureu-vos que el procés de pagament funciona, i que els detalls de la compra siguin correctes.
  • Realitza una compra iniciant sessió com a client. Assegureu-vos que el procés de pagament funciona, i que els detalls de la compra siguin correctes.
  • Crea un cupó i intenta fer-lo servir en finalitzar la compra. Assegureu-vos que s’apliqui el cupó i que la quantitat al carret i el preu pagat siguin correctes.
  • Intenta restablir la contrasenya i assegura’t que tot funcioni correctament.

Ajustaments per a WP Super Cache i campanyes a Google Ads

En llançar una campanya de publicitat, generem pics de trànsit importants. És en situacions com aquesta en què necessitem més que mai un bon sistema de memòria cau.

El problema de la memòria cau i els paràmetres a la url

Per poder fer el seguiment de conversions de campanyes, sigui a Google, Facebook, … el consens és passar les referències de la campanya en forma de paràmetres a la url. Per exemple:

https://wetopi.com/?utm_source=google&utm_medium=ppc&account=usa&utm_campaign=Search&utm_term=managed%20hosting

La pàgina sempre és la mateixa i ens interessa servir-la des de la memòria cau, però els paràmetres com p.ex utm_term van canviant segons usem diferents paraules de cerca.

No deixis que WP Super Cache vegi com a diferents totes i cadascuna de les URL que apunten a una mateixa pàgina de la teva Campanya SEM.

És just el contrari del que desitja: no reciclaries les trucades a la memòria cau i donaries molta feina a WordPress generant una versió estàtica per a cadascuna de les URL.

La solució és senzilla, WP Super Cache, a l’apartat d’opcions avançades, disposa d’una secció on podem indicar-vos que ignoreu la presència de determinats paràmetres a la URL:

Activar l'opció Ignora paràmetres a URL
Activa aquesta opció avançada perquè WP Super Cache ignori aquests paràmetres i serveixi sempre la mateixa pàgina.

Resumidament, som uns techies apassionats per WordPress que hem creat Wetopi, un Allotjament WordPress Gestionat, per minimitzar la fricció a la que tot professional s’enfronta en treballar i allotjar projectes WordPress.

No tens un compte a wetopi?

Inclou servidors de desenvolupament Gratis.
No cal tarjeta de crèdit.