Què és una CDN? Xarxes de distribució de contingut explicades fàcilment

Una CDN (xarxa de distribució de contingut) és una xarxa de servidors repartits per moltes ciutats que guarden còpies dels fitxers del teu lloc web —imatges, scripts, fulls d'estil, de vegades pàgines senceres. Quan algú visita el teu lloc, rep els fitxers des d'una ubicació propera en lloc d'un servidor llunyà. Això fa que les pàgines carreguin més ràpid, alleuja el teu propi servidor i ajuda el lloc a suportar pics de trànsit.

Per què les CDN importen quan construeixes amb IA

Pot ser que mai no configuris una CDN tu mateix —moltes plataformes d'allotjament en posen una davant del lloc automàticament. Però en notaràs els efectes:

• Velocitat. Les pàgines que carreguen més ràpid retenen els visitants i és un dels factors que tenen en compte els motors de cerca. Consulta com fer el teu lloc web més ràpid.
• «Per què no es veu el meu canvi?». Després de publicar una actualització, una còpia en memòria cau de la versió antiga pot quedar-se una estona. Saber-ne el motiu t'estalvia molta confusió.
• Privadesa i correcció. Si una CDN guarda en memòria cau la cosa equivocada —una pàgina amb les dades d'un usuari— el següent visitant hi pot veure aquelles dades. Saber què s'ha de guardar i què no ajuda a fer les preguntes adequades.

Una analogia del dia a dia

Imagina una fleca que ven el pa a tot el país des d'una sola botiga. Cada client, per lluny que sigui, ha d'esperar que el pa li arribi des d'aquella única botiga; i en un dia de molta feina la cua és enorme.

Una CDN és com tenir el mateix pa a les botigues de barri de tot el país. Els clients el recullen a prop, de pressa, i la fleca principal només ha de reomplir les botigues de tant en tant. El parany: quan la fleca canvia la recepta, les botigues continuen venent la vella fins que se'ls digui que la reemplacin o fins que el stock caduqui.

Com funciona una CDN

1. El teu origen. El teu lloc viu al teu servidor principal o a la plataforma d'allotjament, anomenat origen.
2. Ubicacions de borde. La CDN té servidors en molts llocs, anomenats ubicacions de borde o punts de presència.
3. Encaminament. Quan un visitant demana el teu lloc, el DNS o l'encaminament de la xarxa l'envia a un borde proper. Consulta com funcionen els dominis i el DNS.
4. Encert a la memòria cau. Si aquell borde ja té una còpia recent del fitxer, l'envia de seguida.
5. Fallada a la memòria cau. Si no, el borde recupera el fitxer del teu origen, l'envia al visitant i guarda una còpia per a la següent persona.
6. Caducitat. Cada còpia es guarda un temps establert, controlat per les capçaleres de memòria cau que envia el teu servidor, o fins que es purga.

Un exemple pràctic: un lloc de portafolis amb fotos

El portafolis d'un fotògraf té una pàgina d'inici, una galeria amb 60 imatges grans i un formulari de contacte. L'origen és a Europa. Un visitant de Singapur obre la galeria.

• Sense CDN: cada imatge viatja des d'Europa. Cada petició fa un viatge d'anada i tornada pel món, i la galeria s'omple a poc a poc.
• Amb CDN: el primer visitant prop de Singapur fa que el borde d'aquella zona reculli i guardi les imatges. Tots els visitants següents de la regió les reben de prop, molt més de pressa.

Ara el fotògraf canvia la foto principal de la pàgina d'inici i torna a publicar. Això és el que decideix si els visitants la veuen:

/index.html                    → temps de memòria cau curt, es comprova sovint
/assets/index-3f9a2c.js        → guardat en memòria cau durant molt de temps
/assets/hero-8b41d0.jpg        → guardat en memòria cau durant molt de temps

Les eines de compilació modernes, incloent-hi Vite, donen als fitxers noms amb hash com hero-8b41d0.jpg. Quan un fitxer canvia, el seu nom canvia, de manera que la pàgina demana un fitxer completament nou que cap memòria cau no ha vist mai. La pàgina HTML en si només es guarda en memòria cau una estona curta, així que aviat apunta els visitants als fitxers nous. És la manera estàndard d'obtenir a la vegada memòria cau llarga i actualitzacions fresques.

El formulari de contacte és diferent. Els enviaments van al servidor cada vegada; mai no s'han de guardar en memòria cau.

Què guardar en memòria cau i què no

Termes clau

Per a una visió més general de la memòria cau —en navegadors, servidors i bases de dades— consulta què és la memòria cau.

Idees equivocades habituals

• «Una CDN fa que tot sigui més ràpid». Accelera l'enviament de fitxers. Una consulta lenta a la base de dades o una crida lenta a la IA al teu servidor continuen sent lentes.
• «Una CDN substitueix l'allotjament». Es posa davant del teu allotjament. Continues necessitant un origen.
• «Si he actualitzat el lloc, tothom ho veu a l'instant». Les còpies antigues poden quedar-se una estona a la CDN i als navegadors. Fes un refresc forçat per comprovar-ho i fes servir noms amb hash.
• «La memòria cau sempre és segura». Guardar en memòria cau una pàgina personalitzada en una caché compartida és un risc real per a la privadesa. Les respostes privades s'han de marcar com a no guardables.
• «Les CDN són només per a grans empreses». Moltes plataformes n'inclouen una per a llocs petits sense cap esforç addicional.

Què preguntar al teu constructor amb IA

• «Hi ha una CDN davant d'aquest lloc? Quins fitxers guarda en memòria cau i durant quant de temps?»
• «Assegura't que el JavaScript, el CSS i les imatges compilats tinguin noms amb hash i un temps de memòria cau llarg, i que l'HTML en tingui un de curt.»
• «Mai no guardis en memòria cau compartida pàgines amb sessió iniciada ni respostes d'API amb dades personals.»
• «Comprimeix i redimensiona les imatges perquè la galeria carregui ràpidament.»
• «He publicat una actualització però encara veig la versió antiga; és la memòria cau del navegador o la de la CDN?»

CDN i Mythex

Quan publiques a Mythex, els frontends estàtics es despleguen com a llocs estàtics, i la documentació indica que les memòries cau de la CDN poden anar una mica retardades després d'una actualització: si encara veus una versió antiga després de tornar a publicar, fes un refresc forçat de l'URL pública. No cal configurar-hi res més. Si connectes un domini personalitzat el DNS del qual és a Cloudflare, la documentació demana que el registre estigui en mode «només DNS» i no proxiat, perquè Mythex pugui emetre HTTPS correctament. Consulta com publicar i dominis personalitzats a la documentació, i la nostra guia sobre allotjament web.

Preguntes