[ کارایی ]

سرعت سایت: کدام عدد را جدی بگیرید

۶ دقیقه مطالعه

گرفتن نمرهٔ ۱۰۰ در ابزارهای سنجش سرعت، هدف خوبی نیست. آن نمره یک میانگین وزنی است و به‌راحتی با ترفند بالا می‌رود بدون اینکه تجربهٔ کاربر بهتر شود. سه معیاری که واقعاً تجربه را توصیف می‌کنند این‌ها هستند.

LCP — بزرگ‌ترین چیز کی دیده می‌شود

Largest Contentful Paint زمان تا نمایش بزرگ‌ترین عنصر صفحه است؛ معمولاً تصویر اصلی یا تیتر. هدف زیر ۲٫۵ ثانیه است.

در بیشتر سایت‌های فارسی، گلوگاه این معیار تصویر بالای صفحه است: تصویری با ابعاد اصلی دوربین که مرورگر مجبور است کامل دانلود کند. تغییر فرمت به WebP و ارائهٔ چند اندازه با srcset، معمولاً بیشتر از هر بهینه‌سازی دیگری اثر دارد.

CLS — صفحه زیر دست کاربر می‌پرد یا نه

Cumulative Layout Shift میزان جابه‌جایی ناگهانی محتوا را می‌سنجد. آزاردهنده‌ترین حالتش این است که کاربر می‌خواهد روی چیزی بزند و در همان لحظه یک بنر بالای صفحه باز می‌شود و همه‌چیز پایین می‌رود.

راه‌حل بیشتر مواردش یک خط است: روی هر تصویر width و height بگذارید تا مرورگر جایش را از قبل کنار بگذارد.

INP — سایت به لمس کاربر چقدر دیر جواب می‌دهد

Interaction to Next Paint فاصلهٔ بین کلیک کاربر و اولین واکنش دیداری صفحه است. این معیار جانشین FID شده و سخت‌گیرانه‌تر است، چون همهٔ تعامل‌های صفحه را می‌سنجد نه فقط اولی را.

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

داده آزمایشگاهی و داده میدانی

ابزارهایی که در مرورگر خودتان اجرا می‌شوند، سایت را روی اینترنت و دستگاه شما می‌سنجند. آنچه گوگل برای رتبه‌بندی استفاده می‌کند، دادهٔ کاربران واقعی است. اگر این دو با هم نمی‌خوانند، به دادهٔ میدانی اعتماد کنید — کاربران شما احتمالاً روی موبایل و شبکهٔ ضعیف‌تری هستند.

ترتیب کار

تصاویر، بعد فونت‌ها، بعد اسکریپت‌های شخص ثالث، و در آخر کد خودتان. تقریباً همیشه بیشترین بهبود از دو مورد اول می‌آید و کمترین زحمت را دارد.