Vercel eller Cloudflare Pages: mer enn statisk trafikk

For en statisk markedsføringsside er Cloudflare Pages det rimeligste utgangspunktet av de to. For en fullstack Next.js-app er Vercel et mer direkte valg, mens Cloudflare Workers er alternativet for serverdelen. Skillet går ved hvor mange forespørsler som henter ferdige filer, og hvor mange som faktisk kjører kode.

Samme besøkstall kan derfor gi forskjellige kostnader. En besøkende kan hente flere HTML-, CSS- og bildefiler uten serverkjøring, mens innlogging, personlige sider og API-ruter kan utløse funksjoner. Antall filforespørsler, funksjonskall, kjøretid, dataoverføring og utviklere med tilgang til utrulling må vurderes hver for seg.

Statisk markedsføringsside: Filer og funksjoner havner i ulike kvoter

Cloudflares priser for Pages Functions skiller mellom gratis, ubegrensede forespørsler til statiske filer og forespørsler som kjører en funksjon. Pages Functions deler Workers Free-kvoten på 100 000 forespørsler per dag med andre Workers på samme konto. En filforespørsel er gratis i dette regnestykket bare når den ikke utløser en funksjon.

Anta som et betinget eksempel at en markedsføringsside har 100 000 besøk i måneden. Hvert besøk henter én ferdig HTML-side og fire andre statiske filer. Det blir 500 000 filforespørsler, men ingen funksjonskall. Hvis de overførte filene samlet er 200 kilobyte per besøk, blir dataoverføringen omtrent 20 gigabyte. Hos Pages belaster ingen av disse forespørslene Workers-kvoten.

Legger nettstedet til et kontaktskjema som behandles av Pages Functions, endres bare regnestykket for forespørslene som faktisk treffer funksjonen. Det er likevel rutingen som avgjør hva som blir telt: En statisk fil som sendes gjennom en funksjon, behandles ikke lenger som et rent statisk filkall. Dermed kan den tekniske utformingen av en tilsynelatende enkel kampanjeside få betydning for kvoten.

På Vercels prisside koster Pro 20 dollar i måneden og inkluderer 20 dollar i månedlig brukskreditt; Hobby er beregnet på personlig, ikke-kommersiell bruk, og en ekstra utviklerplass på Pro koster 20 dollar i måneden. For en bedrifts nettside er Pro derfor det relevante sammenligningspunktet. Brukskreditten dekker fakturerbar ressursbruk, men trekkes ikke fra selve abonnementsprisen. Vercels Flat Rate CDN håndterer CDN-trafikk som en egen del av Pro, mens funksjoner, lagring og andre ressurser kan bruke kreditten.

Med den betingede statiske arbeidslasten blir grunnprisen dermed null for Pages og 20 dollar i måneden for én utrullende utvikler på Vercel Pro, så lenge bruken holder seg innenfor de aktuelle inkluderte rammene. Domenekostnad, bygg, lagring og eventuelle tilleggstjenester er ikke med i eksemplet. Forskjellen skyldes plattformens prismodell, ikke en antakelse om at filene leveres raskere fra den ene.

Fullstack Next.js: Sammenlign Vercel med Workers

En statisk Next.js-eksport kan publiseres på Pages. For servergenererte sider, Server Actions og rutehåndterere anbefaler Cloudflares Next.js-veiledning vinext på Workers. En oppstart med en eksisterende fullstack-app må derfor vurdere om appens funksjoner passer i denne kjøremodellen; en ren Pages-pris beskriver ikke hele Cloudflare-alternativet.

Ta et annet betinget eksempel: 80 000 besøk i måneden, to serverkall og fire statiske filkall per besøk. Det gir 160 000 funksjonskall og 320 000 filforespørsler. Forutsatt at filrutene ikke kjører en funksjon, er det serverkallene som belaster Workers-kvoten hos Cloudflare. På Vercel er antall besøk heller ikke tilstrekkelig til å anslå ressursbruken: funksjonskallene kan bruke ulik mengde aktiv CPU og reservert minne.

Cloudflares Workers-priser setter gratisnivået til 100 000 forespørsler per dag og høyst 10 millisekunder CPU-tid per kjøring. Workers Paid har en minstepris på 5 dollar i måneden, med 10 millioner forespørsler og 30 millioner CPU-millisekunder inkludert per måned. Forespørsler og CPU-tid prises hver for seg etter disse grensene; varigheten mens en funksjon venter, er ikke det samme som brukt CPU-tid.

Hvis de betingede 160 000 kallene fordeles jevnt og hvert kall bruker 5 millisekunder CPU, blir det 800 000 CPU-millisekunder i måneden. Uten annen Workers-trafikk holder dette seg innenfor gratisnivåets dagsgrense og CPU-grense per kjøring. På Paid ligger både månedens kall og CPU-tid innenfor den inkluderte bruken, slik at minsteprisen blir 5 dollar. En database, lagring eller andre tjenester må beregnes separat.

Vercel Pro starter fortsatt på 20 dollar i samme eksempel. Antall funksjonskall sier imidlertid ikke om appen bruker opp brukskreditten: en rask rute som returnerer et lite svar, og en rute som behandler data lenge, har forskjellig ressursprofil. Vercels enklere vei fra en eksisterende Next.js-app til utrulling kan være verdt den faste prisen for et team, men den vurderingen avhenger av appens faktiske funksjoner og antall utviklere som skal distribuere.

Trafikkspiss: Den samme dagen kan treffe ulike grenser

Anta en kampanjedag med 200 000 besøk, fire statiske filkall og ett funksjonskall per besøk. Det gir 800 000 statiske forespørsler og 200 000 funksjonskall på én dag. De statiske Pages-filene bruker fortsatt ikke Workers-kvoten, men funksjonskallene overskrider gratisnivåets dagsgrense. Med Workers Paid er kallene innenfor den inkluderte månedsmengden, forutsatt at kontoens øvrige bruk også får plass.

Hvis hvert av dagens funksjonskall bruker 5 millisekunder CPU, utgjør de én million CPU-millisekunder. Det viser hvorfor en kort, konsentrert topp må vurderes mot både daglige og månedlige grenser: Et månedstall som ser beskjedent ut, kan likevel være for høyt for Workers Free på én enkelt dag. En kampanje som bare leverer ferdige filer, har ikke den samme funksjonsgrensen.

På Vercel teller forespørslene mot CDN-delen av leveransen, mens de 200 000 ukapslede funksjonskjøringene også kan bruke brukskreditten. Pro har trafikkspissbeskyttelse for Flat Rate CDN, men den gjør ikke serverarbeidet kostnadsfritt. Forskjellen mellom en statisk kampanje og en personlig tilpasset kampanje ligger derfor både i hva som leveres, og i hvilke ressurser som blir brukt for hvert besøk.

Hastighet: En bufret fil avgjør ikke valget for appen

StackVerifieds TTFB-måling brukte åtte sekvensielle treff per mål fra ett amerikansk målepunkt; alle svarene var bufret, og målene var ulike nettsteder hos de to leverandørene. Tre mål hadde medianer tett rundt 110 millisekunder, mens det fjerde lå høyere. Det gir ingen pålitelig generell hastighetsvinner: Sidene hadde ulikt innhold, og målingen omfattet verken norske brukere eller appens serverruter.

For en markedsføringsside er responstiden for ferdige filer relevant. For en app inngår også tiden serverkoden bruker og ventingen på eventuelle datakilder i opplevelsen. En rask første byte fra hurtigbufferen sier derfor lite om en personlig side som må genereres for hver besøkende. Kjøremodell og kostnadsfordeling kan være mer avgjørende enn små forskjeller i en enkelt måling av statisk innhold.

Valget følger arbeidslasten

Cloudflare Pages er det naturlige kostnadsvalget når oppstartens nettsted kan leveres som ferdige filer og serverfunksjoner brukes lite. Vercel Pro passer når teamet vil kjøre en full Next.js-app direkte på plattformen og verdsetter den arbeidsflyten. Cloudflare Workers gir et alternativ for serverdelen, med en annen kjøremodell og egne grenser for forespørsler og CPU-tid.

Før plattformvalget er det nyttig å anslå hvor mange forespørsler som er statiske, hvor mange som kjører kode per dag, hvor mye CPU funksjonene bruker, og hvor mange i teamet som skal kunne distribuere. Det er disse forskjellene som kan snu regnestykket når en enkel nettside blir en applikasjon.

Les også: