Millorar la velocitat de WordPress amb Cloudflare

Millorar la velocitat de WordPres amb Cloudflare

Cloudflare ha aconseguit al llarg dels darrers anys gran popularitat com a empresa gestora de DNS (Domain Name Servers). Però a més de la seva activitat com a DNS, proporciona serveis de seguretat per a la protecció davant d’atacs DDoS, CDN (Content Delivery Network), Tallafocs, optimització de WordPress APO (Automatic Platform Optimization), Registre de dominis, i una infinitat de microserveis tots ells relacionats amb el fet de ser la primera peça de la cadena encarregada de servir una pàgina web.

Table of Contents

Com treballa Cloudflare?

El primer pas de la seqüència encarregada de servir una pàgina web és la resolució de noms.

Quan escrius en un navegador una adreça en forma de domini p.ex. https://wetopi.com, el primer que fa el navegador és preguntar-li a un Servidor de Noms, on se serveixen les pàgines d’aquest wetopi.com

Aquí és on entra en joc Cloudflare.

Quan Cloudflare actua com a DNS, és ell qui indica a quin servidor web cal anar a demanar la pàgina web. Fins aquí no hi ha cap diferència amb un altre servei DNS (com el que ens pugui proporcionar un registrador de domini o empresa d’allotjament).

El que canvia és la manera.

Cloudflare és capaç de respondre amb els seus DNS des dels més de 250 punts geogràfics. Els teus visitants obtenen la resposta del DNS de forma molt més ràpida, ja que interactuen amb el servidor que es troba més a prop de la seva ubicació.

Què és el mode Proxy de Cloudflare?

Aquí ve la gran diferència respecte a altres DNS. Cloudflare aprofita i actua com a proxy, és a dir, es posa per davant del teu servidor.

Aquí ve el més interessant!

Cloudflare aprofita i ho fa amb tota la seva xarxa distribuïda de servidors, per això pot actuar també com a CDN i tllafocs.

Cloudflare és més que un CDN

Quan actives el mode proxy de Cloudflare, les peticions de contingut de la teva web passen en primer lloc pels servidors de Cloudflare, i és aquí on Cloudflare aprofita i et permet afegir altres funcionalitats com la de CDN i serveis.

Opcions per millorar la velocitat i seguretat de WordPress

El servei de DNS de Cloudflare és gratuït al seu pla “Free” i a més proporciona accés a la majoria dels serveis en la seva modalitat “senzilla” o “poc avançada”.

Aquesta és una llista breu dels serveis que t’ajudará a millorar la velocitat i a incrementar la seguretat del web WordPress:

Seguretat SSL

Pots afegir https al teu site, fins i tot sense tenir certificats al teu propi servidor.

Tallafocs

Un Firewall amb filtres i regles, detecció de Bots, bloqueig d’atacs DDoS.

Això sí, si vols tenir un control rigorós hauràs d’accedir a un pla de pagament.

Protecció del contingut de la teva web

A la secció “Scrape Shield” podem activar proteccions com l’ofuscació d’adreces de correu electrònic, protegir contra el Hotlinking per exemple per protegir les imatges contra vinculacions fora de la nostra web.

Optimització de velocitat

Per defecte t’ajuda reduint la mida del teu contingut amb tècniques de compressió, fins i tot afegeix protocols moderns com Brotli (a wetopi ja tens Brotli per defecte).

Una de les funcionalitats de pagament per a Millorar la velocitat de WordPress i que pots afegir al teu pla Gratuït, és APO, L’Optimització Automàtica per a WordPress (5$/mes).

A “grosso modo”, APO genera versions estàtiques de les teves pàgines web i utilitza els Cloudflare Workers per servir la versió estàtica des dels nodes de la xarxa distribuïda. És com si fos un CDN “ampliat” capaç de servir no només imatges i estàtics sinó fins i tot el teu html optimitzat.

APO s’ajuda d’un plugin WordPress amb què gestiona de manera transparent coses com ara la neteja de memòria cau cada vegada que actualitzes el contingut d’una pàgina.

Molt recomanable per a sites WordPress pesades o poc optimitzades.

Contempla l’opció APO per a WordPress si no et pots permetre una optimització, la teva web té una base important de pàgines que poden ser estàtiques i tens uns TTFB (Time to First Byte) elevats (entenguem per elevat un TTFB superior a 1 segon).

En aquest article hi ha un bon estudi d’APO: https://developers.Cloudflare.com/automatic-platform- optimization/

Cache/CDN

Cloudflare és el que anomenaríem un CDN Pull. És a dir quan un usuari accedeix a la teva web, la primera sol·licitud va al teu servidor, després Cloudflare emmagatzema en memòria cau les imatges, JS, CSS, i fins i tot la primera petició d’HTML (el primer Byte, per servir l’anomenat TTFB), i ho fa al node més proper a la regió on hi ha el teu visitant.

La xarxa Anycast de CDN ajudarà a Millorar la velocitat de WordPress

En la seva versió gratuïta ja proporciona una millora substancial en temps, però la permanència i propagació de continguts a la xarxa no és gaire bona. Aquí entra en joc una opció molt interessant: Argo, opció que trobareu a la secció “Traffic”

 Argo, a la secció Traffic, us ajudarà a Millorar la velocitat de WordPress

Argo és una opció de CDN avançat al que anomenen “Tiered Cache”. Bàsicament el que fa és de manera intel·ligent acostar els continguts de la teva web als nodes de consum final.

Antiguament, aquesta opció només estava accessible en plans de pagament, però ara la pots activar al teu compte gratuït. Argo té un cost mínim de 5$/mes pel primer GB.

Pots veure el detall de preus a https://support.Cloudflare. com/hc/en-us/articles/115000224192-Billing-for-Argo

A wetopi portem temps amb Argo i el resultat és molt bo:

Els temps de càrrega a diferents països mostra com en activar Argo a wetopi va ajudar a Millorar la velocitat de WordPress
Pots veure els resultats directament a: https://performance.sucuri.net/domain/wetopi.com

Com fer servir Cloudflare amb WordPress?

Pas 1:

Si encara no tens un compte de Cloudflare, visita la web de Cloudflare i registra’t per tenir un compte gratuït.

Pas 2:

Ara necessites indicar a Cloudflare que vols gestionar el teu lloc web.

Fes clic a l’opció “Afegir site” que trobaràs a la barra de menú superior de Cloudflare.

Pantalla d'un lloc web a Cloudflare

En aquest pas el que estàs fent és preparar Cloudflare perquè passi a gestionar les DNS del teu domini.

A continuació Cloudflare et demanarà seleccionar un pla. Recomanem començar amb un pla gratuït que funciona bé per a la majoria dels usuaris. Trieu l’opció “Free” i doneu-li a “Continuar”.

Inmediatament Cloudflare escanejarà totes les possibles configuracions de zona que el domini pugui tenir definides. Si el domini ja el tenies en funcionament, vés amb compte i compara una a una les definicions de zona que tens posades al teu actual gestor de DNS. Cloudflare no sempre és capaç d’esbrinar totes les zones definides.

Pantalla de zones DNS localitzades per Cloudflare
Les Zones DNS marcades com a Proxied, són les que Cloudflare gestiona amb la seva xarxa de CDN.

En donar-li a Continuar, Cloudflare t’indicarà els dos NS (Name Servers) que gestionaran els DNS.

Pas 3:

Aquest pas és important. Has d’anar al teu gestor de DNS, normalment el teu registrador de domini, per canviar els NS.

Pantalla on t'indica el canvi de NS per poder millorar la velocitat de WordPress amb Cloudflare i la seva xarxa de DNS

Atenció no confonguis els NS amb les zones o registre DNS.

En el nostre cas el registrador és Dondominio i l’apartat de canvi de NS ve designat com a DNS:

 Pantalla amb els antics NS on cal posar els nous facilitats per Cloudflare
Secció al nostre registrador on trobem l’opció de Modificar els DNS

Després de desar els canvis caldrà esperar. Les actualitzacions de servidor de noms poden trigar 24 hores a processar-se. Rebràs un correu electrònic quan el teu lloc estigui actiu a Cloudflare.

No t’has de preocupar de l’espera. Quan canvieu els servidors de noms no hi ha temps d’inactivitat (downtime)

Consells en utilitzar Cloudflare amb WordPress

1 Si estàs fent canvis al teu WordPress, activa el mode desenvolupament

Això desactiva la memòria cau de Cloudflare i et permet veure els canvis a l’instant.

Menú d'accés ràpid del panell de Cloudflare

2 Davant de qualsevol error o comportament estrany, esborra la memòria cau

El primer de tot, esborra la memòria cau del teu WordPress (si és el cas) i després la de Cloudflare. Tens un enllaç ràpid “Purge Cache”

3 Prepara’t per als atacs DDoS

A wetopi estem preparats per a atacs DDoS massius. Però WordPress té un gran punt feble, els atacants poden dissimuladament esquivar les caches de WordPress i apuntar a pàgines pesades deixant sense recursos al teu servidor sense que t’assabentis.

Aquí Cloudflare és de gran ajuda quan treballa en mode proxy.

Tingues sempre a mà l’accés al panell i des del menú d’accés ràpid activa el “Under Attack Mode”.

Plugins Cloudflare pel teu WordPress

Si les anteriors gestions de memòria cau les vols “automatitzar”, trobaràs plugins WordPress per poder gestionar Cloudflare des de l’escriptori del teu WordPress.

Des de wetopi no ho considerem estrictament necessari. Preferim que tinguis clares les precaucions i tinguis sempre a mà el panell de Cloudflare.

Si el que busques és millorar la velocitat de WordPress, intenta utilitzar sempre els mínims plugin imprescindibles.

Cloudflare té un bon panell de gestió i bons ajuts online.

Atenció, hi ha un plugin gratuït que mereix la nostra atenció “WP Cloudflare Super Page Cache“. Aquesta extensió WordPress ve a imitar la funcionalitat APO de pagament anteriorment descrita i pot ser una bona opció alternativa i gratuïta

Conclusió

Des de wetopi aconsellem sense cap mena de dubte l’ús de Cloudflare. L’especialització dels serveis de DNS és un pas important cap a la professionalització d’una web.

La gestió de DNS és un d’aquests serveis on “la mida importa”. El canvi a Cloudflare pot resultar una mica aclaparador, especialment per la quantitat d’opcions disponibles, però passar a disposar d’una xarxa Anycast de DNS de més de 250 nodes, ja de per si val la pena. Si a més tens una millora de rendiment i seguretat davant d’atacs DDoS, no es pot demanar més.


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.

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