بازدیدکننده‌ی امروز حوصله‌ی انتظار ندارد. سایتی که دیر باز شود، حتی اگر محتوای عالی داشته باشد، بخشی از مخاطبانش را از دست می‌دهد. گوگل هم تجربه‌ی صفحه را با چند شاخص مشخص می‌سنجد که به آن‌ها Core Web Vitals می‌گویند.
سه شاخص اصلی
LCP؛ بزرگ‌ترین محتوای قابل دیدن. زمان نمایش بزرگ‌ترین عنصر صفحه، معمولاً یک تصویر یا تیتر. مقدار مناسب تا حدود ۲٫۵ ثانیه است.
INP؛ پاسخ‌دهی به تعامل. مدت زمانی که سایت بعد از کلیک یا لمس کاربر طول می‌کشد تا پاسخ بدهد. مقدار مناسب حدود ۲۰۰ میلی‌ثانیه یا کمتر است.
CLS؛ پایداری چیدمان. مقداری که عناصر صفحه هنگام بارگذاری جابه‌جا می‌شوند. وقتی دکمه درست زیر انگشت شما جابه‌جا می‌شود و روی چیز دیگری کلیک می‌کنید، CLS بد است. مقدار مناسب حدود ۰٫۱ یا کمتر است.
چطور اندازه بگیریم؟
ابزارهایی مثل PageSpeed Insights و گزارش Core Web Vitals در Search Console داده می‌دهند. نکته‌ی مهم این است که داده‌ی واقعی کاربران مهم‌تر از نمره‌ی آزمایشگاهی است. روی گوشی واقعی و اینترنت معمولی هم سایت را امتحان کنید.
پنج اقدام با بیشترین اثر
۱. تصاویر را بهینه کنید. بیشتر وزن صفحه‌ها تصویر است. از فرمت‌های مدرن مثل WebP یا AVIF استفاده کنید، اندازه‌ی مناسب هر نمایشگر را بدهید و تصاویر پایین صفحه را با بارگذاری تنبل (lazy loading) بیاورید. تصویر اصلی بالای صفحه را lazy نکنید.
۲. فونت‌ها را مدیریت کنید. فقط وزن‌هایی را بارگذاری کنید که لازم دارید و از font-display استفاده کنید تا متن تا رسیدن فونت دیده شود.
۳. اسکریپت‌ها را کم کنید. هر ابزار تبلیغاتی، چت و تحلیل زمان می‌برد. غیرضروری‌ها را حذف و بقیه را با تأخیر بارگذاری کنید.
۴. ابعاد را مشخص کنید. برای تصاویر و ویدیوها عرض و ارتفاع بنویسید تا چیدمان هنگام بارگذاری نپرد.
۵. کش و CDN. فایل‌های ثابت را با کش مرورگر و در صورت نیاز با شبکه‌ی توزیع محتوا ارائه کنید و فشرده‌سازی (gzip یا Brotli) را فعال کنید.
سرور و کد
گاهی مشکل از ظاهر نیست. پاسخ کند سرور، پرس‌وجوهای سنگین پایگاه داده و افزونه‌های زیاد هم زمان را بالا می‌برند. اگر بعد از بهینه‌سازی تصاویر هنوز کند است، سراغ این‌ها بروید.
اشتباه‌های رایج
• دنبال نمره‌ی ۱۰۰ بودن به‌جای تجربه‌ی واقعی
• بهینه‌سازی فقط صفحه‌ی اصلی و رها کردن بقیه
• اضافه کردن انیمیشن‌های سنگین بدون اندازه‌گیری
جمع‌بندی
سرعت یک بار انجام نمی‌شود؛ با هر محتوای جدید دوباره اندازه بگیرید. با تمرکز روی تصویر، فونت و اسکریپت، بیشتر پروژه‌ها بهبود چشمگیر می‌بینند.
یک برنامه‌ی دو ساعته
ساعت اول: سنجش با PageSpeed Insights و فهرست‌کردن سه عنصر سنگین‌تر صفحه. ساعت دوم: بهینه‌سازی همان سه عنصر، که معمولاً تصویر، فونت و یک اسکریپت خارجی‌اند. بعد از آن دوباره اندازه بگیرید و نتیجه را ثبت کنید. بهبودهای کوچک ولی پیوسته، بهتر از یک پروژه‌ی بزرگ بهینه‌سازی است که هیچ‌وقت شروع نمی‌شود.
پرسش‌های متداول
پرسش: نمره‌ی بالا در PageSpeed یعنی سایت سریع است؟
نه لزوماً. نمره‌ی آزمایشگاهی یک شبیه‌سازی است. داده‌ی واقعی کاربران در گزارش Core Web Vitals مهم‌تر است و باید روی گوشی و اینترنت واقعی هم امتحان کنید.
پرسش: سرعت سایت روی رتبه اثر دارد؟
تجربه‌ی صفحه یکی از عوامل است، اما تنها عامل نیست. محتوای مرتبط و مفید همچنان اهمیت اصلی را دارد. با این حال سرعت مستقیماً روی ترک صفحه و فروش اثر می‌گذارد.
پرسش: ساده‌ترین اقدام برای شروع چیست؟
بهینه‌سازی تصاویر. کوچک‌کردن حجم، استفاده از فرمت‌های مدرن و تعیین ابعاد معمولاً بیشترین بهبود را با کمترین کار می‌دهد.
پرسش: هر چند وقت سرعت را بررسی کنیم؟
حداقل ماهی یک بار و بعد از هر تغییر بزرگ مثل افزودن افزونه، ابزار تبلیغاتی یا طراحی جدید.
دعوت به اقداماگر می‌خواهید سرعت سایت خود را بررسی کنیم، از طریق aitc.space با AITC در تماس باشید.
نظرات (0)
هنوز نظری ثبت نشده است. اولین نفر باشید!
ثبت نظر جدید