Us volem explicar un altre cas real de millora de la velocitat de càrrega d’una web.
Es tracta d’un projecte recent: una web nova, actualitzada, construïda amb DIVI i amb només 16 plugins. Bona base, i moltes de les millores habituals ja estaven aplicades: imatges optimitzades amb ShortPixel i caché activa al servidor NGINX.
Tot i això, els resultats eren pobres: GTMetrix donava mala puntuació, i PageSpeed, com sol passar, encara pitjor.
Primeres accions
Instal·lem WP Rocket però no el configurem, de moment. Sí que que ajustem DIVI, per treballar amb WPRocket. I incorporem el plugin de SiteGround per activar Memcached, però sempre prioritzant les eines de caché de WP Rocket (com explicarem al post “Pot WP Rocket treballar amb Memcached?”).
El resultat? L’estructura millora… però la puntuació de rendiment empitjora.
Sí, WP Rocket mal configurat pot empitjorar la càrrega. I això és just el que volem evitar.
El CLS, un maldecap habitual
En aquest cas, teníem un problema important amb el CLS (Cumulative Layout Shift). La web, molt visual, utilitzava un banner amb imatge de fons aleatòria via JavaScript, i aquest efecte estava provocant el desplaçament inesperat del contingut.
Aquí, PageSpeed ens va ser més útil que GTMetrix, ja que mostra visualment l’origen exacte del problema.
Resultat final
Després de diverses proves, obtenim una molt bona puntuació a GTMetrix i també una millora significativa a PageSpeed (encara que, com sempre, per Google mai n’hi ha prou 😉).
Curiosament, PageSpeed ens recomana fer servir WP Rocket… mentre que ja l’estem fent servir! 🙃
