🌐 چرا بعضی سایت‌ها قبل از اینکه کامل لود بشن، قابل استفاده‌ان؟

یه تکنیک جالب در Web Performance وجود داره:

Progressive Rendering

یعنی لازم نیست همه‌چیز با هم آماده بشه تا کاربر بتونه با صفحه تعامل داشته باشه.

مثلاً یک فروشگاه:

مرحله ۱ → Header
مرحله ۲ → عنوان محصول
مرحله ۳ → تصویر اصلی
مرحله ۴ → قیمت
مرحله ۵ → پیشنهادهای مرتبط
مرحله ۶ → Reviews

کاربر لازم نیست برای مرحله ۶ صبر کنه تا مرحله ۱ نمایش داده بشه.

این فلسفه پشت خیلی از تکنیک‌های مدرن وب مثل Streaming، Server Rendering و Incremental Loading قرار داره.

اشتباه رایج اینه که توسعه‌دهنده تلاش کنه:

> «اول کل صفحه رو آماده کنم، بعد نمایش بدم.»

در حالی که تجربه بهتر خیلی وقت‌ها اینه:

> «هر چیزی که آماده شد، اگر قابل استفاده است، نمایش بده.»

سرعت واقعی فقط این نیست که سایت در چند ثانیه کاملاً آماده بشه.

مهمه که کاربر چقدر زود اولین بخش مفید صفحه رو دریافت می‌کنه.

این تفاوت بین:

Page Load

و

Perceived Performance

ه.

@CodeVerse_dev