CDN: alapok, találat és mulasztás, API-címek

Mi az a CDN?

A CDN (Content Delivery Network, tartalomkézbesítő hálózat) egymással együttműködő szerverek hálózata. Amikor valaki megnyit egy oldalt, a CDN a hozzá földrajzilag legközelebbi szerverről küldi a tartalmat. Rövidebb az út, ezért gyorsabb a betöltés.

A CDN két gyakori problémát old meg:

• Késleltetés: az az idő, amíg az adat a szerverről a látogató eszközére ér.
• Forgalmi csúcsok: ha egyszerre sokan nyitják meg az oldalt, az eredeti szerver túlterhelődhet, lelassulhat vagy leállhat. A tartalom szétosztása miatt a csúcsok kevésbé érintik a teljesítményt.

A CDN a biztonságot is javíthatja, például a DDoS-támadások és más fenyegetések ellen.

Kell-e az oldaladnak CDN?

A CDN a statikus tartalmat (képek, CSS, JavaScript) több helyről szolgálja ki, ezért főleg ott hasznos, ahol:

• sok a forgalom, és több régióból érkeznek a látogatók,
• sok a statikus tartalom,
• gyors, zökkenésmentes élmény a cél.

Ha az oldalad forgalma kicsi, vagy a látogatók többsége egy helyről jön, a CDN nem kötelező. Érdemes felmérni az oldal igényeit, de a legtöbb esetben a CDN extra előnyt ad.

HIT és MISS

Amikor a látogató kér egy oldalt, a CDN megnézi a saját gyorsítótárát.

• HIT (találat): a CDN-nek megvan a tartalom, és közvetlenül a gyorsítótárból szolgálja ki. Ez a gyorsabb eset.
• MISS (mulasztás): a CDN-nek nincs meg a tartalom. Lekéri az eredeti szerverről, és eltárolja a következő kérésekhez. Ez lassabb.

Sebességmérésnél ügyelj arra, hogy a tartalom a CDN gyorsítótárából jöjjön. Előfordulhat, hogy több oldalbetöltés kell az első találathoz, mert a CDN a kérések gyakorisága és frissessége alapján tárol. Ha a tartalom bekerült a gyorsítótárba, a további kérések gyorsabbak.

Egy példamérésben MISS esetén a betöltés 453 ezredmásodperc volt, HIT esetén 3 ezredmásodperc, vagyis kb. 151-szer (99,3%-kal) gyorsabb.

A CDN API-címeinek felépítése

A CDN-en keresztüli képek és fájlok címe egy jól felépített URL. A cím eleje a zónád: vagy webhelyed123abc.zapwp.com, vagy egy saját CNAME-mel beállított cím, például cdn.webhelyed.hu.

Képek

Paraméter	Jelentése
q	Minőség: l veszteségmentes, i intelligens, u ultra tömörítés.
r	Retina: 1 bekapcsolva (a pixelsűrűség kétszerese), 0 kikapcsolva.
wp	WebP-átalakítás: 1 bekapcsolva, 0 kikapcsolva.
w	Szélesség pixelben, erre méretezi át a képet.
u	Az eredeti kép URL-je, amelyet optimalizálni és adaptálni kell.

https://webhelyed123abc.zapwp.com/q:i/r:1/wp:1/w:250/u:https://webhelyed.hu/logo.png
https://cdn.webhelyed.hu/q:i/r:1/wp:1/w:250/u:https://webhelyed.hu/logo.png

A fenti példák a webhely logóját intelligens minőséggel, retinával, WebP-átalakítással és 250 képpontos kezdeti szélességgel optimalizálják (retinánál ez megduplázódik).

A bővítmény vagy az univerzális változat használatakor ezeket az értékeket a rendszer a látogatóhoz igazítva magától állítja. Ha csak az URL-alapú (API) változatot használod a zónáddal, szabadon módosíthatod őket.

CSS, JavaScript és más fájlok

A nem kép jellegű fájlokhoz hasonló szerkezet tartozik:

https://cdn.webhelyed.hu/m:0/a:https://webhelyed.hu/wp-content/plugins/elementor/assets/css/frontend.min.css

Paraméter	Jelentése
m	Minifikálás: 1 bekapcsolva, 0 kikapcsolva.
a	Az eredeti fájl URL-je, amelyet optimalizálni és a CDN-ről kiszolgálni kell.