عملکرد و سرعت۲۸ مرداد ۱۴۰۴۷ دقیقه
چطور با Next.js نمره لایتهاوس ۱۰۰ بگیریم؟
چکلیست عملی ۸ مرحلهای برای رساندن Performance، Accessibility و SEO به ۱۰۰؛ از فونت تا تصویر و کش.
نمره ۱۰۰ لایتهاوس اتفاقی نیست؛ حاصل تصمیمهای کوچک اما درست در کل مسیر توسعه است. اولین قدم، حذف جاوااسکریپت غیرضروری از مسیر بحرانی است: هر چیزی که بالای صفحه (above the fold) لازم نیست، باید lazy شود.
دوم، فونت: فقط وزنهایی که واقعاً استفاده میکنید را لود کنید، از display=swap استفاده کنید و برای فارسی حتماً سابست مناسب را انتخاب کنید. هر وزن اضافه یعنی دهها کیلوبایت دانلود بیشتر روی موبایل.
سوم، تصاویر: فرمت AVIF/WebP، ابعاد دقیق (srcset)، و loading=lazy برای تصاویر پایین صفحه. تصویر LCP باید preload شود.
در نهایت: کش هوشمند، فشردهسازی، حذف انیمیشنهای سنگین بالای صفحه و تست مداوم با Lighthouse موبایل. ما در uiverse.ir این چکلیست را برای هر پروژه اجرا و گزارش رسمی تحویل میدهیم.
این مقاله برایتان مفید بود؟ برای اجرای همین استانداردها روی سایت خودتان، مشاوره رایگان بگیرید.
ایدهتان را به محصولی سریع و پولساز تبدیل کنیم؟
یک جلسه کشف رایگان ۳۰ دقیقهای؛ بدون تعهد، با پروپوزال شفاف قیمت و زمانبندی.