Fonksiyon Süresi

Bu kurallar, sunucusuz fonksiyonlarınızın duvar saati süresini şişiren kalıpları yakalar. Daha kısa fonksiyonlar daha düşük faturalar demektir — Vercel, GB-saniye yürütme süresi başına ücretlendirir.

async-parallel

Bağımsız görünen 3 veya daha fazla sıralı await ifadesini tespit eder — yani sonraki await'ler öncekilerden gelen değişkenlere referans vermez.

Neden önemlidir: Sıralı await'ler birbiri ardına çalışır. Bağımsızlarsa, Promise.all() ile paralel çalıştırmak fonksiyon süresini önemli ölçüde azaltabilir.

const users = await db.user.findMany();
const posts = await db.post.findMany();
const comments = await db.comment.findMany();

const [users, posts, comments] = await Promise.all([
  db.user.findMany(),
  db.post.findMany(),
  db.comment.findMany(),
]);

server-after-nonblocking

Server action'larda ("use server" içeren dosyalarda) console.log(), console.info(), console.warn(), analytics.track(), analytics.identify() veya analytics.page() çağrılarını tespit eder.

Neden önemlidir: Loglama ve analitik çağrıları tamamlanana kadar yanıtı engeller. Bunları after() içine sarmak, çalışma arka planda devam ederken yanıtın hemen tamamlanmasını sağlar.

"use server";

export const updateUser = async (data: FormData) => {
  await db.user.update({ ... });
  console.log("User updated");
  analytics.track("user_updated");
};

"use server";

import { after } from "next/server";

export const updateUser = async (data: FormData) => {
  await db.user.update({ ... });
  after(() => {
    console.log("User updated");
    analytics.track("user_updated");
  });
};

vercel-edge-sequential-await

Promise.all olmadan 2 veya daha fazla sıralı await çağrısı içeren edge runtime dosyalarını tespit eder.

Neden önemlidir: Edge fonksiyonlarının katı yürütme süresi sınırları vardır. Sıralı I/O, paralelleştirilebilecek değerli milisaniyeleri boşa harcar.

export const runtime = "edge";

export async function GET() {
  const user = await getUser();
  const settings = await getSettings();
  return Response.json({ user, settings });
}

export const runtime = "edge";

export async function GET() {
  const [user, settings] = await Promise.all([getUser(), getSettings()]);
  return Response.json({ user, settings });
}