جشنواره بهارانه راکت! ۳۵% تخفیف ویژه بر روی دوره‌های آموزشی

مشاهده دوره‌ها
ثانیه
دقیقه
ساعت
روز
ARON
3 سال پیش توسط ARON مطرح شد
1 پاسخ

ارور Eliminate render-blocking resources. در gtmetrix

دوستان این ارور رو کسی میدونه چطور میشه رفع کرد ؟
من کلا تو صفحه اول سایتم ۳ تا فایل سی اس اس دارم که به هر سه تا گیر میده هیچ کاریش هم نمیتونم بکنم
تصویر ارور


ثبت پرسش جدید
moha li
تخصص : توسعه دهنده لاراول و Vue
@mohaligateway 3 سال پیش مطرح شد
0

سلام و دورد
شما برای برطرف کردن این مشکل باید سه مرحله رو طی کنید.
1- ابتدا باید کدهای css که مورد نیاز نیست رو پاک کنید.
2- در مرحله بعد باید defer loading رو انجام بدید تا کد هایی که در قسمت above the fold لود میشن رو تنها داشته باشید.

<script src="demo_defer.js" defer></script>
<link rel="preload" href="styles.css" as="style" onload="this.onload=null;this.rel='stylesheet'">

3- کدهای جاوا اسکریپت و css را به صورت inline css داخل header و body لود کنید.
@smpakdel


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام