آموزش رفع خطاي Defer parsing of JavaScript

از سري مقالات آموزش كامل سايت gtmetrix به رفع خطاي سايت جي تي متريكس پرداختيم. در مقاله قبل به  آموزش رفع خطاي Combine images using CSS sprites در سايت GTmetrix پرداختيم. امروز در بخش رفع خطاهاي pagespeed به آموزش رفع خطاي Defer parsing of JavaScript و Prefer asynchronous resources خواهيم پرداخت. براي حل مشكل Defer parsing of JavaScript در سايت GTMetrix برخي اوقات لازم است كدنويسي انجام دهيد و برخي اوقات نيز لازم است از افزونه هاي وردپرس يا جوملا استقاده نماييد.

در اين مقاله به موضوعات زير خواهيم پرداخت :

1 اهميت ارور Defer parsing of JavaScript و Prefer asynchronous resources
2 خلاصه اي از خطاي Defer parsing of JavaScript
3 جزئيات بيشتر درباره خطاي Defer parsing of JavaScript
4 حل مشكل Defer parsing of JavaScript
4.1 روش اول
4.2 روش دوم
4.3 روش سوم
4.4 روش چهارم

اهميت ارور Defer parsing of JavaScript و Prefer asynchronous resources

از سري مقالات آموزش كامل سايت gtmetrix به رفع خطاي سايت جي تي متريكس پرداختيم. در اين سري از مقالات قصد داريم تا با آموزش سايت gtmetrix باعث بهبود و افزايش سرعت سايت شما شويم. همانطور كه مي‌دانيد كه از مهمترين اركان سئوي سايت سرعت بارگذاري صفحات سايت است. با رفع خطاي سايت جي تي متريكس سرعت سايت خود را بالاتر ببريد و در راستاي بهبود سئوي سايت خود گام برداريد. در اين مقاله نيز به آموزش رفع خطاي Defer parsing of JavaScript و آموزش رفع خطاي Prefer asynchronous resources خواهيم پرداخت. لازم به ذكر است كه بدانيد با حل مشكل Defer parsing of JavaScript ارور Prefer asynchronous resources نيز رفع مي‌شود.

آموزش رفع خطاي سايت جي تي متريكس gtmetrix

خلاصه اي از خطاي Defer parsing of JavaScript

از آنجايي كه رفع خطاي Defer parsing of JavaScript نياز به داشتن دانش برنامه نويسي است حل مشكل Defer parsing of JavaScript  شايد براي خيلي از افراد دشوار باشد. رفع اين خطا گاهي ممكن است سايت شما را با مشكلات ديگري نيز مواجه كند چرا كه ممكن است باعث حذف تمام فايل هاي جاوا اسكريپت JS شويد. در همين ابتدا بگوييم كه اگر بخواييد اين مشكل بصورت كامل حل شود و همانند تصوير بالا عدد 100 را بدست بياوريد بايد بصورت كامل تمام كدهاي JS را پاك كنيد و يا همه آنها را يكي كنيد كه ممكن است با انجام اينكار سايت شما با مشكل روبرو شود. بنابراين پيشنهاد مي‌كنيم اين مشكل را خيلي جدي نگيريد و لااقل بفكر حل اي مشكل بصورت صد در صد نباشيد.

خلاصه‌ي از خطا Defer parsing of JavaScript
نام: Defer parsing of JavaScript
نوع: مربوط به جاوا اسكريپت
اولويت: بالا
ميزان سختي: متوسط
ميانگين امتياز: 69%

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

در آزمايشي كه توسط گوگل در سال 2011 بر روي موبايل انجام شده است به اين نتيجه رسيده‌اند كه به ازاي هر 1kb كد JS مقدار 1 ميلي ثانيه به زمان بارگذاري سايت اضافه مي‌شود. حال درنظر بگيريد كه سايت شما 250kb كد جاوا اسكريپت JS داشته باشد، يعني 250 ميلي ثانيه به زمان بارگذاري سايت اضافه مي‌شود و از آنجايي كه كدهاي جاوا اسكريپت JS درتمام صفحات بايد فراخواني شوند اين تاخير در تمام صفحات بوجود مي‌آيد.

هر كاربري كه سايت شما را باز كند مرورگر علاوه برتمام المان هاي سايت، تمام كدهاي جاوا اسكريپت را نيز فراخواني مي‌نمايد كه طبيعتا اين موضوع موجب افزايش زمان بارگذاري سايت مي‌شود. از همين روز توضيه مي‌كنيم كدهاي جاوا اسكريپت را در فوتر فراخواني نماييد. البته مشكلي كه وجود دارد براي سايت هاي وردپرسي و جوملا در افزونه ها يا پلاگين‌ها است. چرا كه با هربار بروزرساني پلاگين‌ها تغييراتي كه روي انها براي بارگذاري در فوتر انجام داده‌ايد ريست مي‌شود و به حالت اوليه باز مي‌گردد.

نحوه رفع ارور Defer parsing of JavaScript

روش اول رفع ارور Defer parsing of JavaScript

پيش‌تر اشاره كرديم كه بايد فايل هاي جاوا اسكريپت را به فوتر سايت منتقل كنيم. در زمان بارگذاري سايت مرورگر كدهاي سايت را از بالا يعني Head بارگذاري مي‌كند و در نهايت كدهاي Footer و بارگذاري سايت با تگ به اتمام مي‌رسد. حال اگر در Header تعداد كدهاي زيادي داشته باشيد سرعت سايت بشدت كاهش ميابد. بنابراين براي بالا بردن سرعت سايت و كم كردن سرعت بارگذاري سايت فايل هاي جاوا اسكريپت JS را به فوتر منتقل نماييد.

بدين منظور كدهاي JS جاوا اسكريپت كه با تگ

پشتيباني مروگرها از defer و async

روش چهارم رفع ارور Defer parsing of JavaScript

اما روش چهارم و روش آخر به اين دليل كه ممكن است باعث آسيب زدن به سايت شما شود و با بسياري از قالب ها و سايت ها همخواني ندارد از قراردادن آن خودداري كرديم. روش چهارم قرار دادن يك سري كدها در فايل functions.php بود، پيشنهاد مي‌كنيم كه به ترتيب از روش هاي دوم و سوم و اول استفاده نماييد.

رفع خطاي Defer parsing of JavaScript موجب كاهش تعداد درخواست هاي HTTP مي‌شود.

اگر ميخواهيد در جهت بهينه سازي سايت و افزايش سرعت سايت خود تعداد درخواست هاي HTTP را كاهش دهيد حتما مقاله Make fewer HTTP requests را مطالعه نماييد.

همانطور كه ابتداي مقاله اشاره كرديم رفع خطاي Defer parsing of JavaScript باعث رفع خطاي Prefer asynchronous resources نيز خواهد شد. درست است كه سئوي داخلي سايت بسيار اهميت دارد و در پيشرفت سايت نقش بسزايي دارد اما براي دريافت امتياز 100 حساس نباشيد. در صورت هرگونه سوال و نياز به مشاوره با كارشناسان شركت تبليغاتي ماكان در تماس باشيد.

اين جلسه از آموزش استفاده از سايت GTmetrix هم به پايان رسيد. با ما همراه باشيد