A Cloudflare a látogatóid és a szervered között helyezkedik el, ami az egyik leghatékonyabb ponttá teszi a weboldal teljesítményének javításához. Jól használva a tartalmat minden látogatóhoz közeli helyről szolgálja ki, gyorsítótárazza, amit lehet, optimalizálja a képeket és tömöríti a válaszokat. Hanyagul használva keveset segít, sőt akár akadályozhat is. Ez az útmutató azokat a beállításokat és technikákat mutatja be, amelyek 2026-ban valóban javítják a Cloudflare weboldal sebességet.
TL;DR
- A legnagyobb nyereség a statikus erőforrások agresszív gyorsítótárazásából és, ahol lehetséges, a HTML edge-en való gyorsítótárazásából származik
- Optimalizáld a képeket (modern formátumok, helyes méretezés, menet közbeni átalakítás), mert a képek általában egy oldal legnehezebb részei
- Engedélyezd a modern tömörítést, a HTTP/2-t vagy HTTP/3-at, és tartsd hatékonyan a TLS-t
- Mérj előtte és utána valós adatokkal; nem minden kapcsoló segít minden oldalon
1. Gyorsítótárazd agresszíven a statikus erőforrásokat
A statikus fájlok (CSS, JavaScript, képek, betűtípusok) ritkán változnak, és a Cloudflare edge-éről kellene kiszolgálni őket, nem a saját eredeti szerveredről.
- Állíts be hosszú gyorsítótár-élettartamot a verziózott statikus erőforrásokra, hogy a visszatérő látogatók és a közeli felhasználók azonnal megkapják őket.
- Használd helyesen a cache-control fejléceket, és alkalmazz ujjlenyomatos fájlneveket, hogy „örökre" gyorsítótárazhass, és változáskor ürítsd a gyorsítótárat.
- Erősítsd meg, hogy az erőforrásokat valóban a gyorsítótárból szolgálják ki (ellenőrizd a
cf-cache-statusválaszfejlécetHITértékre).
2. Gyorsítótárazd a HTML-t az edge-en, ahol tudod
Ha magát a HTML-dokumentumot az edge-ről szolgálod ki, azzal megszünteted az eredeti szerveredhez vezető oda-vissza utat, ami javítja a Time to First Byte-ot és az LCP-t.
- Nagyrészt statikus oldalaknál gyorsítótárazd a teljes oldalakat az edge-en.
- Dinamikus oldalaknál gyorsítótárazd, ami biztonságos (például anonim látogatóknak), és kerüld meg a gyorsítótárat a bejelentkezett vagy személyre szabott kéréseknél.
- Járj el tudatosan: soha ne gyorsítótárazz minden felhasználó számára olyan oldalakat, amelyek személyes vagy munkamenet-specifikus adatokat tartalmaznak.
3. Optimalizáld a képeket
A képek jellemzően a legnagyobb részt teszik ki az oldal súlyából, így általában itt vannak a legnagyobb LCP-nyereségek.
- Szolgálj ki modern formátumokat (WebP/AVIF) és eszközönként helyesen méretezett képeket.
- Használj menet közbeni átalakítást az átméretezéshez és tömörítéshez, több másolat fenntartása nélkül. Lásd a Cloudflare képátalakításokat , és a tárhelyhez a Cloudflare Images , valamint a Cloudflare R2 képtárhelyhez cikkeket.
- Kifejezetten WordPress esetén lásd a Cloudflare képátméretezést WordPresshez .
4. Tömörítsd és korszerűsítsd a szállítást
- Engedélyezd a tömörítést (Brotli) a szöveges válaszokhoz.
- Szolgálj ki HTTP/2-n vagy HTTP/3-on a hatékonyabb, multiplexált kapcsolatokért.
- Tartsd hatékonyan a TLS-t, és engedélyezd a Cloudflare által biztosított modern protokollfunkciókat.
5. Csökkentsd és rangsorold, ami betöltődik
- Minify a CSS-t és a JavaScriptet, és távolítsd el a nem használt kódot.
- Halaszd el a nem kritikus JavaScriptet, és tölts be hatékonyan a harmadik féltől származó szkripteket; ezek gyakori teljesítmény- és INP-okozók.
- Tölts be előre a kritikus erőforrásokat, például az LCP-képet és a kulcsfontosságú betűtípusokat.
6. Mérj, ne találgass
- Teszteld a betöltési időt és a Core Web Vitals mutatókat minden változtatás előtt és után, valós (terepi) adatokkal, ne csak egyetlen laboratóriumi futtatással.
- Egyszerre csak egy értelmes változtatást kapcsolj be, hogy tudd, mi segített valójában.
- Figyelj a funkciókra, amelyek rosszul alkalmazva ártanak; ellenőrizz, ahelyett, hogy feltételeznél.
Legfontosabb tanulságok
- Gyorsítótárazd agresszíven a statikus erőforrásokat, és gyorsítótárazd a HTML-t az edge-en, ahol csak biztonságos.
- A képoptimalizálás általában a legnagyobb egyetlen sebességnyereséget hozza.
- Engedélyezd a Brotli tömörítést és a HTTP/2-t vagy HTTP/3-at, és nyesd meg és rangsorold, ami betöltődik.
- Mindig mérj előtte és utána terepi adatokkal; nem minden beállítás segít minden oldalon.
Cloudflare weboldal sebesség és SEO
A Cloudflare weboldal sebesség javítása egyszerre növeli a konverziókat és a helyezéseket, mert a teljesítmény közvetlenül táplálja a Core Web Vitals mutatókat. A mutatószintű javításokért lásd a Core Web Vitals teljesítését 2026-ban . Ha minden technikai problémát meg akarsz találni, ami visszatartja az oldaladat, a teljesítményt is beleértve, egy technikai SEO-audit rangsorolt cselekvési tervet ad.
Gyakran ismételt kérdések (GYIK)
Tényleg gyorsabbá tesz egy weboldalt a Cloudflare? Igen, ha jól van beállítva. A tartalmat minden látogatóhoz közeli helyről szolgálja ki, gyorsítótárazza a statikus erőforrásokat (és gyakran a HTML-t) az edge-en, optimalizálja a képeket és tömöríti a válaszokat. A nyereség a beállítástól függ; az alapértelmezett beállítások önmagukban teljesítményt hagynak kihasználatlanul.
Mi a leghatékonyabb egyetlen Cloudflare sebességbeállítás? A statikus erőforrások agresszív gyorsítótárazása és a HTML edge-en való gyorsítótárazása ott, ahol biztonságos, adja általában a legnagyobb nyereséget azzal, hogy csökkenti az eredeti szerveredhez vezető oda-vissza utakat. A képoptimalizálás szorosan mögötte van, mert a képek uralják az oldal súlyát.
Gyorsítótárazhatom a HTML-t egy dinamikus oldalon? Részben. Gyorsítótárazd az oldalakat anonim látogatóknak, és kerüld meg a gyorsítótárat a bejelentkezett vagy személyre szabott kéréseknél. Soha ne szolgáld ki a gyorsítótárból mindenkinek egy felhasználó személyre szabott vagy munkamenet-specifikus oldalát.
Befolyásolja az oldalsebesség a SEO-t? Igen. A sebesség táplálja a Core Web Vitals mutatókat, amelyek a Google oldalélmény-jelzéseinek részei. A gyorsabb oldalak jobban is konvertálnak, így az előny egyszerre jelentkezik a helyezésben és a bevételben.
Honnan tudom, hogy a Cloudflare a gyorsítótárból szolgál ki?
Ellenőrizd a cf-cache-status válaszfejlécet. A HIT azt jelenti, hogy a Cloudflare edge-éről szolgálták ki; a MISS vagy DYNAMIC azt jelenti, hogy az eredeti szerveredről érkezett. Ezzel erősítsd meg, hogy a gyorsítótár-szabályaid működnek.
Hozzászólások