منابع رندر-بلاک چیست؟
Render-blocking resources
منابع رندر-بلاک فایل‌های CSS و جاوااسکریپتی‌اند که مرورگر باید پیش از نمایش صفحه دانلود و پردازش کند و تا آن موقع صفحه‌ی کاربر خالی می‌ماند.
بروزرسانی:
کدام فایل‌ها رندر-بلاک‌اند؟
- CSS که در
headباlink rel="stylesheet"بارگذاری می‌شود - جاوااسکریپتی که بدون
deferیاasyncدرheadآمده است
چطور رفعش کنیم؟
- CSS حیاتی بالای صفحه را درون‌خطی کنید و بقیه را بعداً بارگذاری کنید
- برای اسکریپت‌ها
deferیاasyncبگذارید - فایل‌ها را فشرده و بی‌استفاده‌ها را حذف کنید
واکاوی سایت فهرست دقیق این فایل‌ها و زمان تأخیرشان را نشان می‌دهد؛ در وردپرس افزونه‌های کش معمولاً گزینه‌ی به‌تعویق‌انداختن CSS و JS دارند.
با ابزار بسنجید
راهنماهای مرتبط
راهنما۴ دقیقه مطالعهسرعت سایت را چطور بسنجیم و گزارش را بخوانیم؟سنجش سرعت سایت با Lighthouse، تفاوت دادهی آزمایشگاهی و واقعی، خواندن نمرهها و معیارها و اینکه کدام مشکل را اول رفع کنیم، به زبان ساده.بروزرسانی: ۱۶ مهر ۱۴۰۵راهنما۳ دقیقه مطالعهفشردهسازی CSS، جاوااسکریپت و HTML برای سایت سریعترminify چیست، با gzip و Brotli چه فرقی دارد، چه مقدار حجم کم میکند و چطور بدون خرابکردن سایت کدهای CSS، JS و HTML را فشرده کنیم.بروزرسانی: ۱۶ مهر ۱۴۰۵