Categories
Rendiment WPO

Per què és important optimitzar la velocitat web del teu WordPress?

Des de fa anys, WordPress ofereix la millor velocitat web de mitjana. Com un dels CMS més ràpids del mercat i un nucli tan ben optimitzat, pocs desenvolupadors prescindeixen d’aquest enfront d’altres opcions de CMS: per possibilitats, temes, plugins i rendiment.

No obstant això, encara que el core de WordPress és molt ràpid, la instal·lació de temes i plugins alenteix els temps de càrrega. Per això, s’uneixen diversos punts per a aconseguir una bona experiència. Triar bé al proveïdor del hosting, triar (només) els plugins necessaris, uns continguts optimitzats: mida de les imatges, de la base de dades, la memòria cau (caché)…

En aquest article, et parlaré sobre les principals raons que afecten la velocitat web del teu WordPress i, en paral·lel, et facilitaré les opcions d’optimització que estàs buscant. Comencem?

🤷‍♂️ Quins elements afecten la velocitat web?

Si estàs llegint aquestes línies, probablement has tingut alguna topada amb Google o amb els teus usuaris en relació amb la navegabilitat, la taxa de rebot o altres mètriques clau, veritat?

La realitat és que una experiència de navegació lenta o un temps de càrrega massa llarg suposa:

  • Que Google penalitzi el posicionament SEO dels teus continguts.
  • Usuaris que es cansen, se’n van i contribueixen a augmentar la teva taxa de rebot.
  • No treure partit al teu canal web: menys projecció i poques vendes.

Llavors, què es pot fer per a corregir els errors de rendiment? Veurem, un a un, els elements que afecten la velocitat web.

Test de velocitat web WordPress

1. L’elecció de hosting o servidor

A Seguretat en WordPress: com pots protegir el teu lloc web? vem parlar sobre l’important que és un bon hosting per a respirar tranquils en qüestions d’accessibilitat i seguretat. Amb la velocitat web, passa tres quarts del mateix.

Avalua l’optimització dels servidors, les eines que utilitzen, si disposen de hosting per a més d’una web (si el teu projecte necessita diverses instal·lacions) i amb quina tecnologia compten.

2. Tema i plugins

Els temes de WordPress van suposar una revolució: accessibles, adaptables i fàcils d’implementar. No obstant això, com qualsevol desenvolupament front-end, també van significar nous reptes: dissenys responsive, ús de frameworks que afecten el rendiment i la velocitat web de la teva instal·lació.

Quan triem un theme, hem de tenir present que més enllà de l’estil (visual), ha de ser lleuger i ràpid: no carregar massa scripts, ni tenir funcions que no utilitzarem… Per això, gairebé sempre, els desenvolupadors no veuen amb bons ulls els temes multifunció.

Amb els plugins, passa una cosa similar. La possibilitat d’aprofitar el treball de desenvolupadors externs ens ha simplificat molt la vida a tots, però també comporta un risc. En realitat, el mateix que el de les apps del teu mòbil: els plugins són necessaris, però en la seva justa mesura. No sobrecarreguis la instal·lació, perquè afectarà la velocitat del teu web!

A més:

  • Hi ha plugins que entren en conflicte i poden afectar el rendiment, uns altres que no estan depurats i generen errors 500 en conjunció
  • Assegura’t de no instal·lar diversos plugins amb les mateixes funcions: no té sentit duplicar les funcions. És a dir, no serveix de res i, a més, gastes més recursos, ni se t’acudeixi!

Velocitat de càrrega d'una web

3. Gestió de la caché

Al “cachejar” contingutsho faci el navegador, l’intermediari o el servidor, com veurem a continuació— podem millorar els temps de càrrega i la velocitat web del WordPress.

La caché permet que no sigui necessari demanar-li a la base de dades la informació de manera constant. Encara que, a continuació, trobaràs diverses alternatives, et recomano WP Rocket:

  • Optimització del CSS i el JS carregat (minificació i combinat).
  • Múltiples millores orientades a una millora del CSS i el Javascript.
  • Precàrrega de fonts, enllaços interns, DNS per a hostnames externs…
  • Caché de pàgina guardada en disc, amb possibilitat de buidatge automàtic i exclusions.
  • WP Rocket compta amb un gran nombre de possibilitats, encara que sense coneixements de WPO ja notaràs una enorme diferència: després, toca optimitzar i ajustar a les teves necessitats.

Tant per les seves opcions, millores i compatibilitat, WP Rocket és l’opció de pagament majoritària dels desenvolupadors.

Un altre plugin de caché que pots plantejar-te per a optimitzar el teu lloc web és LiteSpeed Cache; sobretot, si el teu servidor web és LiteSpeed Web Server. Com a alternativa, també pots tenir en compte WP Super Cache i W3 Total Cache.

4. Optimització avançada: base de dades, comprensió i minificación d’arxius

Sovint, el que menys es veu és el que més està afectant la velocitat web del teu WordPress. Per això, és important comptar amb una correcta optimització de l’arxiu htaccess per a una gestió correcta de la caché i la compressió GZip, així com de la resta de les funcionalitats.

A més, tenim l’opció de minificar arxius HTML, CSS i Javascript de manera manual amb eines com Minify Code; no obstant això, en WordPress, els plugins minificadors solen ser l’aposta més habitual: de tots ells, et recomano Fast Velocity Minify.

Fast Velocity Minify

En la mateixa línia, el manteniment de la base de dades ajuda al fet que les sol·licituds no es vegin tan afectades. No és el mateix consultar un manual de 100 pàgines que un altre de 1.000, veritat?

5. Optimització d’imatges i velocitat web

Existeixen plugins molt potents d’optimització d’imatges. Amb raó, no creus? La part visual sol ser aquella que més espai ocupa i, per tant, una bona optimització pot donar-nos grans millores en la velocitat web també.

Per a optimitzar imatges, et recomano Imagify, de l’equip de WP Rocket — si faràs servir els dos junts, valen la pena!—, que compta amb versió freemium. Com a opció alternativa, EWWW Image Optimizer, plugin gratuït amb versió de pagament per a una millor optimització de les imatges JPG, PNG, GIF i arxius PDF.

Imagify – Optimize your Images & Convert WebP

No obstant això, sovint veig que molta gent s’oblida de realitzar unes pràctiques molt senzilles per a millorar la velocitat web del seu WordPress.

  • Pujar les imatges a la mida correcta.
  • Si no s’utilitzen plugins per a optimitzar imatges en el WordPress, poden optimitzar-se abans de pujar-les.
  • Assegurar-se d’esborrar les imatges de prova que, al final, no s’utilitzen.
  • Eliminar imatges antigues o de dates concretes que ja no s’utilitzen: Nadal, promocions i un llarg etcètera.

⏱ Com puc saber la velocitat web del meu WordPress?

Pot ser que ara t’estiguis dient: molt bé!, però com sé si el meu WordPress és ràpid o no? Per a això, hi ha test de velocitat web que t’ajudaran a sortir de dubtes. Aprofita per a creuar informació i que no se t’escapi res.

Pingdom Tools, és una prova de velocitat web en línia que ofereix quatre valors de resposta: velocitat de càrrega (valor tangible que has de tenir molt en compte), mida de la pàgina, peticions i rendiment, a més d’informació detallada per a millores. Entre les opcions actuals, comptar amb un test de velocitat que ens mostra valors concrets és d’agrair: potser, per això, veig Pingdom Tools amb tan bons ulls!

Optimitzar la velocitat de càrrega WordPress

En la mateixa línia, PageSpeed Insights de Google ofereix opcions similars a l’anterior, posant especial èmfasi en el seu concepte Mobile First Index i en els indicadors LCP (temps de càrrega), FID (primera interacció de l’usuari) i CLS (estabilitat visual).

En tercer lloc, et recomano GTMetrix, un test de velocitat web visual i intuïtiu. Per a desenvolupadors, no obstant això, WebPageTest pot ser una opció igual d’interessant, encara que menys cuidada visualment.

🚀 La meva proposta per a tu: Top Velocitat WordPress

Les tasques de WPO o optimització del teu WordPress milloraran la velocitat web i el rendiment de la teva pàgina, però també requereixen una dedicació constant i un perfil especialista que sàpiga el que està fent. I si… ho deixes a les meves mans?

Amb Top Velocitat WordPress, estableixo les bases per a millorar la velocitat del teu web a través de plugins professionals de caché i optimització d’imatges, com WP Rocket i Imagify. A més, realitzo una personalització del functions.php i desregistro els scripts innecessaris mitjançant eines de desenvolupament que eviten que funcionin en automàtic i acceleren la velocitat de càrrega del CMS.

Saps com millorar la velocitat web del teu WordPress?

Aquí està la teva solució!

La velocitat web és un dels paràmetres clau del teu posicionament a Internet: ja ho sabies i, ara, ho has pogut comprovar. Les tasques de WPO, a més, no sols requereixen un perfil especialista fiable que tingui en compte tots els elements implicats, sinó que necessiten una anàlisi segons les necessitats de cada projecte.