جستجو در مقالات…
همهٔ برچسب‌ها

Topic · Tag

Performance

مطالب و یادداشت‌هایی که این موضوع را دنبال می‌کنند — از جدید به قدیم.

۳ یادداشت

Notes

یادداشت‌های این موضوع

۳ یادداشت با #Performanceاتاق یادداشت‌ها
سورج شهپرنیاسورج شهپرنیاسازنده محصول · توسعه‌دهندهٔ ارشد · وب، AI، Web3

در سایتِ املاک لازم نیست با هر حرفی که کاربر تایپ می‌کند سرور را صدا بزنی؛ کمی صبر کن، بعد جستجو کن. این کارِ کوچک هم فشارِ سرور را کم می‌کند هم لیست را بی‌لرزش نگه می‌دارد و کاربر حس می‌کند سایت روان است.

let t;
input.oninput = () => {
  clearTimeout(t);
  t = setTimeout(search, 300);
};
سورج شهپرنیاسورج شهپرنیایادداشت مدیر فنی

بیشترِ کندیِ سایت‌های ایرانی از تصویرهای سنگین است، نه از سرور. بگذار عکس‌ها فقط وقتی لود شوند که کاربر به آن‌ها می‌رسد و اندازهٔ مناسبِ هر صفحه را بگیرند؛ سرعت اولین چیزی است که کاربر حس می‌کند، حتی قبل از دیدنِ طراحی.

<img
  loading="lazy"
  srcset="s.webp 480w, l.webp 960w"
/>
سورج شهپرنیاسورج شهپرنیایادداشت مدیر فنی

یادآوری به خودم و شما: قبل از این‌که دنبال CDN و میکروسرویس بروید، اول کش و رندر استاتیک صفحات پرتردد را درست کنید. ۹۰٪ مشکل سرعت همین‌جاست.

export const revalidate = 3600;