سرعت سایت و Core Web Vitals: چه چیزی واقعاً تجربهٔ کاربر را خراب می‌کند؟

Core Web Vitals سه تجربهٔ اصلی را اندازه می‌گیرد: سرعت نمایش محتوای اصلی، پاسخ‌گویی به تعامل و ثبات چیدمان. عدد خوب در آزمایشگاه مهم است، اما تجربهٔ کاربران واقعی در موبایل اهمیت بیشتری دارد.

بزرگ‌ترین تصویر یا متن ابتدای صفحه را سبک کنید. تصاویر را با اندازهٔ درست، فرمت مدرن و بارگذاری تأخیری برای بخش‌های پایین صفحه ارائه دهید. فونت‌ها را محدود کنید و از نمایش متن نامرئی تا آماده‌شدن فونت جلوگیری کنید.

جا افتادن عناصر را جدی بگیرید. برای تصاویر و ویدیوها عرض و ارتفاع مشخص کنید و فضای تبلیغات یا بنرها را از قبل رزرو کنید. حرکت‌های اسکرول باید فقط روی transform و opacity کار کنند تا چیدمان صفحه را جابه‌جا نکنند.

جاوااسکریپت را کم و هدفمند کنید. کامپوننت‌های تعاملی را جدا نگه دارید و کتابخانه‌های سنگین را فقط در صفحه‌ای که لازم است بارگذاری کنید. سرور هم باید پاسخ سریع بدهد؛ کوئری‌های تکراری و درخواست‌های آبشاری را حذف کنید.

بعد از هر تغییر، با دادهٔ واقعی اندازه بگیرید. یک صفحهٔ سریع در لپ‌تاپ ممکن است در موبایل کند باشد. هدف، تجربهٔ پایدار است، نه نمرهٔ لحظه‌ای.