Vercel eller Cloudflare Pages: bandbredden kan bli den dyra raden

För en webbapp som främst levererar statiska filer kan Cloudflare Pages bli billigare när trafiken växer. Vercel kan vara ett bättre val för en serverrenderad Next.js-app, men kostnaden för att leverera den beror på både datamängd och antal förfrågningar. Vercels nivåer för Flat Rate CDN ger Pro 1 TB överföring och 1 miljon CDN-förfrågningar utan extra nivåavgift; nästa nivå kostar 20 dollar per månad och rymmer 50 TB och 10 miljoner förfrågningar.

Det går därför inte att välja mellan plattformarna med en ensam hastighetssiffra. En statisk fil, ett anrop som kör kod och ett bygge belastar olika delar av kalkylen. För ett svenskt team spelar också antalet personer som behöver driftsätta och hur ofta sajten byggs roll. De tre trafikprofilerna nedan visar hur utfallet ändras när dessa delar räknas var för sig.

Vad ingår i priset?

Vercel Pro kostar 20 dollar per månad och omfattar en plats för en person som kan driftsätta samt 20 dollar i månatlig kredit för debiterbar användning. Ytterligare sådana platser kostar 20 dollar styck. Enligt Vercels prislista kostar en byggminut på en Basic-maskin 0,007 dollar för ett betalande team. Krediten kan täcka bygganvändning, men den dras inte från själva plattformsavgiften eller den fasta avgiften för en högre CDN-nivå.

På Cloudflare Pages kan en renodlat statisk sajt leverera filer utan avgift per förfrågan eller separat avgift för utgående trafik. Cloudflares Workers-priser skiljer sådana statiska förfrågningar från Pages Functions: Workers Paid kostar minst 5 dollar per månad, inkluderar 10 miljoner kodanrop och debiterar därefter 0,30 dollar per ytterligare miljon. CPU-tid har en egen inkluderad pott och en egen taxa. Om en statisk fil i stället skickas genom kod måste dess väg genom appen räknas som ett kodanrop.

Tre trafikprofiler, räknade på samma sätt

Det här är villkorliga månadsexempel, inte fakturor. Varje förfrågan gäller en statisk fil; ingen funktion, bildbehandling, databas, analysprodukt eller annan avgiftsbelagd tjänst används. Varje bygge tar tre debiterbara minuter på Vercels Basic-maskin. Exemplen förutsätter Vercel Pro med Flat Rate CDN aktiverat och en Cloudflare Pages-sajt som håller sig inom gratisplanens gränser för byggen och filer. Beloppen anges i dollar utan svensk moms eller valutaomräkning.

• Liten tjänst: En driftsättande person, 0,2 TB överföring, 0,5 miljoner statiska förfrågningar och 100 byggen. På Vercel blir platsen 20 dollar, CDN-nivån 0 dollar extra och bygganvändningen 2,10 dollar. Bygganvändningen ryms i krediten, så den beräknade betalningen är 20 dollar. På Cloudflare Pages blir platser, statisk överföring, statiska anrop och byggen 0 dollar i denna profil.
• Växande innehållssajt: Tre driftsättande personer, 2 TB överföring, 0,8 miljoner statiska förfrågningar och 300 byggen. Vercels platser kostar tillsammans 60 dollar. Datamängden kräver CDN-nivån för ytterligare 20 dollar, även om antalet förfrågningar ryms i den lägsta nivån. Bygganvändningen blir 6,30 dollar och täcks av krediten: beräknad betalning 80 dollar. Cloudflare Pages blir 0 dollar under samma statiska antaganden.
• Trafiktung webbapp utan serverkod: Fem driftsättande personer, 20 TB överföring, 25 miljoner statiska förfrågningar och 500 byggen. Vercels platser kostar 100 dollar och CDN-nivån för den mängden förfrågningar ytterligare 100 dollar. Bygganvändningen blir 10,50 dollar och ryms i krediten: beräknad betalning 200 dollar. Cloudflare Pages blir 0 dollar så länge projektet fortfarande uppfyller gratisplanens bygg- och filgränser.

Den mellersta profilen passerar Vercels lägsta nivå på grund av datamängden; den största gör det på grund av antalet förfrågningar. Beloppen visar kostnaden för en vald nivå som passar en återkommande månadsprofil. Om användningen passerar nivåns kapacitet under en faktureringsperiod flyttar Vercel normalt kontot till en högre nivå vid nästa period, inte samma dag. Flat Rate CDN gäller vanlig leverans av webbappar; storskaliga nedladdningar eller mediefiler som står för merparten av trafiken omfattas inte av modellen.

När besöket kör kod

De statiska profilerna säger lite om en app där sidvisningar skapar personliga svar eller anropar ett API. Anta exempelvis, som ett separat räkneexempel, 12 miljoner Pages Functions-anrop på Workers Paid under en månad. Två miljoner anrop ligger då över den inkluderade potten och kostar 0,60 dollar utöver planens minimiavgift på 5 dollar. Om varje anrop använder en millisekund CPU-tid ryms även den sammanlagda CPU-tiden inom den inkluderade potten; summan för just dessa poster blir 5,60 dollar.

Det är ingen jämförbar totalsumma för en serverrenderad app på Vercel. Där beror funktionskostnaden också på aktiv CPU, minne, antal körningar och vilka svar som kan levereras från cache. På Cloudflare kan en alltför bred funktionsrutt göra att även förfrågningar efter statiska filer kör kod. I båda fallen ändras kalkylen när samma besöksvolym flyttas från färdiga filer till dynamiska svar.

Byggtaket kan komma före trafiktaket

Gränserna för Cloudflare Pages tillåter 500 byggen per månad och 20 000 filer per sajt på gratisplanen. Där kan bara ett bygge köras åt gången, och ett bygge avbryts efter 20 minuter. Den största profilen ligger alltså precis på byggtaket trots att dess statiska förfrågningar inte har någon styckkostnad. Ytterligare byggen kräver en högre plan eller ett ändrat sätt att publicera.

För ett team som gör många förhandsversioner kan gränsen få större praktisk betydelse än antalet besökare. Vercel räknar i stället byggminuter på den valda maskintypen; treminutersantagandet ovan ger en kostnad som växer med antalet byggen men fortfarande täcks av krediten i exemplen. En större byggmaskin eller längre byggtid skulle ändra de beloppen utan att trafikprofilen ändras.

Hur mycket säger svarstidstestet?

I StackVerifieds TTFB-mätning gjordes åtta sekventiella hämtningar per testsida från en enda amerikansk bostadsanslutning; samtliga svar var cacheträffar. Medianen var 108 ms för vercel.com, 110 ms för nextjs.org, 111 ms för developers.cloudflare.com och 205 ms för pages.cloudflare.com. Det var fyra olika webbplatser med olika innehåll, inte samma app driftsatt på båda plattformarna.

Tre av sidorna låg nära varandra i just den mätningen, medan den fjärde tog längre tid. Skillnaden ger inget mått på svarstiden för en svensk besökare eller på vad som händer vid en cachemiss. Den säger heller inget om tiden för serverrendering i den app som ska väljas. TTFB-resultaten är därmed användbar bakgrund om de testade sidorna, men kostnadsprofilerna och appens körsätt ger ett säkrare underlag för själva plattformsvalet.

Next.js ändrar vad som jämförs

En statiskt exporterad Next.js-sajt kan passa i Pages-kalkylen ovan. För Next.js med serverrendering, Server Actions eller route handlers är Cloudflares väg i stället vinext på Workers. Då jämförs Vercels driftsättning med en annan Cloudflare-produkt och körmiljö än en ren Pages-sajt. Stöd för de funktioner appen använder och eventuell anpassning av kod blir en del av valet, utöver priset per anrop.

För ett projekt som huvudsakligen publicerar färdiga filer talar de räknade profilerna för Cloudflare Pages, förutsatt att bygg- och filgränserna passar. För en fullstackapp med Next.js kan Vercel vara enklare att utgå från, men dess platsavgifter och CDN-nivåer behöver räknas tillsammans med funktionsanvändningen. Det är först när andelen statiska och dynamiska svar är känd som samma trafikvolym blir en meningsfull kostnadsjämförelse.

Läs också:

• Lunar eller SEB för företag: transaktionerna vänder prislappen
• Claude Code eller GitHub Copilot: uppgiftstypen avgör mer än priset
• Azure OpenAI eller direkt API: dataplaceringen kan kosta 10 procent