La teva web carrega bé a l'oficina, però un client d'una altra ciutat la veu lenta. Les imatges triguen, el formulari de contact tarda a respondre i cada segon extra redueix les consultes. Una CDN (Content Delivery Network) distribueix els fitxers estàtics de la teva web des de servidors propers al visitant, reduint la latència sense canviar el disseny ni el contingut.
A aatsoft, agència de desenvolupament web a Manresa (Barcelona), configurem CDN en projectes corporatius, botigues online i aplicacions que necessiten rendiment global. En aquesta guia t'expliquem què és una CDN, quan val la pena en una web d'empresa i com implementar-la sense complicar el manteniment.
Què és una CDN i com funciona
Una CDN és una xarxa de servidors distribuïts arreu del món que emmagatzemen còpies en memòria cau dels fitxers estàtics de la teva web: imatges, CSS, JavaScript, fonts i vídeos. Quan un visitant accede al teu lloc, la CDN lliura aquests recursos des del node més proper a la seva ubicació, en lloc de demanar-los sempre al servidor principal del teu hosting.
El flux habitual és:
- El visitant sol·licita una pàgina de la teva web.
- El servidor d'origen (el teu hosting) genera l'HTML dinàmic.
- Les imatges, estils i scripts es serveixen des de la CDN, que ja els té en memòria cau.
- En visites posteriors, fins i tot l'HTML es pot cachear si la configuració ho permet.
Proveïdors habituals: Cloudflare, Amazon CloudFront, Fastly, Bunny CDN i la CDN integrada en plataformes com Vercel o Netlify. Molts hostings també ofereixen CDN com complement.
Per què una CDN importa per al teu negoci
La velocitat de càrrega no és només una mètrica tècnica: impacta directament en les conversions. Google confirma que un retard d'un segon en la càrrega mòbil pot reduir les conversions fins a un 20 %. Si la teva web d'empresa rep visites de diverses províncies o països, una CDN escurça el temps de descàrrega de forma immediata.
Beneficis concrets per webs corporatives:
- Menor temps de càrrega: els fitxers estàtics arriben des d'un servidor proper al visitant.
- Millor experiència mòbil: especialment en xarxes 4G amb latència variable.
- Protecció davant pics de tràfic: la CDN absorbe càrrega quan una campanya o una menció en mitjans multiplica les visites.
- Millora en Core Web Vitals: mètriques com LCP i FCP solen millorar en reduir el temps de càrrega de recursos. Consulta la nostra guia sobre velocitat web i Core Web Vitals.
- Seguretat addicional: moltes CDN inclouen protecció DDoS i tallafoc d'aplicacions web (WAF).
Quan la teva web d'empresa necessita una CDN
No totes les webs requereixen una CDN des del primer dia. Avalua aquests senyals:
- Tràfic internacional o nacional dispers: si els teus clients potencials són en diverses comunitats autònomes o països.
- Web amb moltes imatges o vídeos: portfolios, catàlegs de producte o blogs amb contingut visual pesat. Complementa amb optimització d'imatges.
- Botiga online o reserves online: cada mil·lisegon compta en el checkout.
- Pics estacionals: campanyes de Nadal, rebaixes d'estiu o llançaments de producte.
- Core Web Vitals en vermell: si Search Console marca LCP o FCP per sobre del llindar recomanat.
Si la teva web és petita, amb tràfic local en una sola ciutat i poques imatges, un bon hosting optimitzat pot ser suficient al principi. La CDN esdevé prioritària quan el tràfic creix o la web s'internacionalitza.
Quins fitxers ha de cachear la teva CDN
Configura regles de memòria cau segons el tipus de recurs:
- Imatges (jpg, png, webp, svg): memòria cau llarga (30-365 dies). Són les que més impacte tenen en la velocitat percebuda.
- CSS i JavaScript: memòria cau mitjana-llarga amb versionat en el nom del fitxer (
app.v2.js) per poder actualitzar sense problemes. - Fonts web: memòria cau llarga; assegura't d'incloure capçaleres CORS correctes.
- HTML: memòria cau curta o sense memòria cau si el contingut canvia amb freqüència.
- API i formularis: mai cachear respostes dinàmiques ni dades de sessió.
Un error habitual és cachear tot per igual. Les pàgines de contacte, el carret de compra i les àrees privades s'han d'excloure de la memòria cau de la CDN.
Com implementar una CDN pas a pas
1. Tria el proveïdor adequat
Per la majoria de webs d'empresa, Cloudflare (pla gratuït) cobreix les necessitats bàsiques: CDN, SSL i protecció bàsica. Si necessites més control sobre regles de memòria cau o rendiment avançat, avalua Bunny CDN o CloudFront.
2. Apunta el teu domini a la CDN
Canvia els registres DNS perquè el tràfic passi per la CDN abans d'arribar al teu servidor. En Cloudflare, això significa usar els seus nameservers. El procés requereix coordinació amb el proveïdor de domini i pot trigar fins a 48 hores a propagar-se.
3. Configura HTTPS correctament
La CDN ha de servir contingut amb certificat SSL vàlid. Activa "Full (strict)" en Cloudflare per evitar bucles de redirecció entre HTTP i HTTPS.
4. Define regles de memòria cau
Configura quines rutes es cacheen i durant quant de temps. Comença amb els fitxers estàtics en /storage/, /assets/ o /wp-content/uploads/ segons el teu CMS.
5. Purga la memòria cau després de cada actualització
Quan publiquis contingut nou o canviïs el disseny, purga la memòria cau de la CDN perquè els visitants vegin la versió actualitzada.
Errors freqüents en configurar una CDN
- Cachear pàgines amb contingut personalitzat: un usuari autenticat pot veure dades d'un altre si la memòria cau no distingeix sessions.
- No purgar després d'actualitzacions: els visitants veuen una versió antiga de la web durant dies.
- Barrejar HTTP i HTTPS: contingut mixt bloquejat pel navegador.
- Ignorar capçaleres Cache-Control: la CDN ha de respectar les directives que envia el teu servidor.
- Configurar la CDN sense mesurar abans: usa PageSpeed Insights o WebPageTest per comparar temps abans i després.
CDN i SEO: el que has de saber
Una CDN ben configurada millora el SEO indirectament en reduir temps de càrrega. El domini canònic segueix sent el teu (elteudomini.com), no la URL de la CDN. Combina la CDN amb un sitemap XML actualitzat i monitorització en Search Console.
CDN vs altres optimitzacions de rendiment
La CDN és una peça del trencaclosques. Combina-la amb optimització d'imatges, minificació de CSS i JS, lazy loading i un hosting adequat.
Necessites ajuda per configurar una CDN a la teva web?
A aatsoft analitzem el rendiment de la teva web, configurem CDN amb regles de memòria cau adaptades al teu projecte i verifiquem que Core Web Vitals, SSL i SEO tècnic funcionen correctament després de la implementació.
Sol·licita una auditoria web gratuïta i et direm si una CDN és la solució adequada per al teu cas.
