ویدئوی آموزشی خطای Defer parsing of JavaScript و خطای Prefer asynchronous resources

ترفه خطای Defer parsing of JavaScript و خطای Prefer asynchronous resources ممکنه برای خیلی از دوستان سخت باشه، چون اگه بخواین خطا شکل کامل و امتیاز 100 رو داشته باشه باید همه کدهای JavaScript رو از سایتتون پاک کنین. اگه تعداد فایلها زیاد باشه باید اونها رو یکی کنین تا کنترل و مدیریتش راحت تر بشه. در عمل این موارد باعث ادغام، تداخل و مشکلات متعدد میشه. ممکنه خطاهای دیگه ای هم بوجود بیاد و بنابراین خیلی به این خطا حساس نباشین.

جزئیات بیشتر درباره خطا Defer parsing of JavaScript

طبق آزمایشی که گوگل در سال 2011 روی تلفنهای همراه هوشمند انجام داده، هر یک کیلو بایت از فایل جاوا اسکریپ حدود ا میلی ثانیه زمان برای خوندن نیاز داره. اگه 200KB حجم جاوا اسکریپت باشه زمان لود اولیه اون در صفحه 200 میلی ثانیه میشه که به زمان لود کل صفحه باید اضافه بشه. از اونجایی که فتیل جاوا اسکریپت در هر صفحه باید لود بشه، این تأخیر در تمام صفحات بوجود میاد.

هنگام بارگزاری صفحات سایتها باید مرورگر همه فایلهای جاوااسکریپت رو بخونه که این کار زمانبره. تا جایی که ممکنه باید فایلهای جاوا اسکریپت رو در پایین صفحه فراخوانی کنیم تا زمان بارگزاری اولیه صفحه سایت کم بشه. اما در بعضی از پلاگینها یا افزونه های وردپرس و جوملا این کار امکان پذیر نیست چون با آپدیت جدید دوباره به حالت اولیه برمیگرده.

راه حل چیه؟ یه راه اینه که کدهای جاوا اسکریپت رو از قسمت Head صفحه به قسمت فوتر قبل از <body/> قرار بدیم. البته این راه برای سایتهای استاتیک بیشتر استفاده میشه. راه دیگه هم استفاده از افزونه های مناسب اینکاره.

راه سوم :

استفاده از اتریبیوت های defer و یا async در تگ جاوا اسکریپت هم می‌تونه باعث رفع خطای Defer parsing of JavaScript و هم رفع خطای Prefer asynchronous resources در PageSpeed گوگل بشه.

برای آموزش جامع تر، دوره 8 ساعته آموزش افزایش سرعت سایت در جی تی متریکس رو بهتون پیشنهاد میکنم. با گذروندن ایسن دوره حتما تأثیر قابل ملاحظه ای در افزایش سرعت سایتتون میبینین. نظرات و پیشنهادات شما در بهتر شدن روند آموزش بهمون کمک میکنه 🙂