آموزش رفع خطای Defer Parsing of JavaScript در GTMetrix

اگر شما از سرویس‌های تست سرعت سایت همچون جی تی متریکس استفاده می‌کنید، ممکن است با خطای Defer Parsing of JavaScript مواجه شده باشید. بروز این خطا می‌تواند تأثیر منفی بر زمان بارگذاری صفحه سایت شما، به ویژه برای بازدیدکنندگان تلفن همراه داشته باشد. اما درک این هشدار ممکن است کمی برای کاربران پیچیده باشد، به همین دلیل است که ما در این مطلب قصد داریم شما را با چگونگی رفع خطای Defer Parsing of JavaScript در GTMetrix با استفاده از روش‌های مختلف آشنا کنیم. با ما همراه باشید.

منظور از خطای Defer Parsing of JavaScript چیست؟

اگر تا به حال سایت وردپرس خود را از طریق ابزارهای تست سرعت سایت همچون: جی تی متریکس، گوگل اسپید یا سایر ابزارهای تست سرعت صفحه اجرا کرده‌اید، احتمالاً با این خطا که به معنای به تعویق انداختن تجزیه جاوا اسکریپت است، مواجه شده‌اید.

به طور کلی، زمانی که شخصی از سایت وردپرس شما بازدید می‌کند، سرور سایت شما محتوای HTML وب‌سایت شما را به مرورگر آن بازدیدکننده تحویل می‌دهد. سپس مرورگر بازدیدکننده از بالا شروع می‌شود و کد را برای نمایش سایت شما مرور می‌کند. حال در صورتی که در حرکت از بالا به پایین، جاوا اسکریپت را پیدا کند، رندر بقیه صفحه را متوقف می‌کند تا زمانی که بتواند فایل جاوا اسکریپت را واکشی و تجزیه کند. این کار را برای هر اسکریپتی که پیدا می‌کند انجام می‌دهد، که می‌تواند تأثیر منفی بر زمان بارگذاری صفحه سایت شما داشته باشد، زیرا بازدیدکننده باید در حالی که مرورگر آنها تمام جاوا اسکریپت را دانلود و تجزیه می‌کند باید یک صفحه خالی را مشاهده کند.

آموزش رفع خطای پرونده style.css | طریقه حل خطای فایل style css هنگام نصب قالب وردپرس

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

با توجه به توضیحات داده شده متوجه می‌شویم که سایت شما به مرورگرهای بازدیدکنندگان اطلاع می‌دهد که برای دانلود ویا تجزیه جاوا اسکریپت باید منتظر بمانند تا زمانی که محتوای اصلی سایت شما بارگیری شود. در این مرحله، بازدیدکنندگان از قبل می‌توانند صفحه شما را مشاهده و با آن تعامل داشته باشند، بنابراین زمان‌های انتظار برای دانلود و تجزیه جاوا اسکریپت دیگر چنین تأثیر منفی ندارد.

آموزش حل مشکل Defer Parsing of JavaScript در GTMetrix

خوشبختانه روش‌های مختلفی برای رفع ارور Defer Parsing of JavaScript در GTMetrix وجود دارد که ما در این مطلب سعی می‌کنیم مهمترین و بهترین آنها را به شما عزیزان آموزش دهیم. امیدواریم تا انتهای آموزش حل مشکل Defer Parsing of JavaScript در GTMetrix ما را همراهی کنید.

بیشتر بخوانید: تفاوت SEMrush و moz؛ ماز بهتر است یا سمراش؟ 

1- برطرف کردن خطای Defer Parsing of JavaScript در GTMetrix با افزونه Async JavaScript

یکی از ساده‌ترین روش‌ها برای حل این مشکل، استفاده از افزونه Async JavaScript است. این یک افزونه رایگان است که در مخزن وردپرس به ثبت رسیده و در حال حاضر دارای بیش از 100هزار نصب فعال است. این پلاگین از رندر شدن محتوای بالای صفحه تا زمانی که جاوا اسکریپت به پایان برسد جلوگیری می‌کند که می‌تواند بر سرعت صفحه شما و در نهایت رتبه شما در موتورهای جستجو تأثیر بگذارد. علاوه بر آن افزونه به شما امکان کنترل کامل اسکریپت‌هایی را می‌دهد که برای کمک به افزایش عملکرد وب‌سایت وردپرس خود نیاز دارید. این یک راه ساده برای به تعویق انداختن تجزیه جاوا اسکریپت با استفاده از async یا defer به شما می‌دهد.

در اولین قدم شما باید افزونه را در سایت خود نصب و فعال کنید. برای این کار وارد پیشخوان وردپرس خود شوید و سپس از بخش “افزونه‌ها” روی گزینه “افزودن” کلیک کنید. سپس نام افزونه را در باکس بالای صفحه وارد و سرچ کنید. پس از اینکه افزونه پیدا شد آن را نصب و فعال کنید. همچنین اگر با طریقه نصب افزونه آشنایی ندارید به شما پیشنهاد می‌کنیم که مطلب “چگونه در وردپرس افزونه اضافه کنیم؟ راه های نصب پلاگین در وردپرس” را مشاهده کنید.

بعد از اینکه افزونه برای شما فعال شد، از بخش “تنظیمات” روی گزینه “Async JavaScript” کلیک کنید. سپس در بالای صفحه می‌توانید عملکرد افزونه را فعال کرده و بین async و defer یکی را انتخاب کنید.

• Async: این گزینه در حالی که HTML را تجزیه می کند، جاوا اسکریپت را نیز دانلود می‌کند، اما سپس تجزیه HTML را برای اجرای جاوا اسکریپت متوقف می‌کند.
• Defer: دانلودهای جاوا اسکریپت را در حین تجزیه HTML به تعویق بیندازید و تا پایان تجزیه HTML منتظر اجرای آن بمانید.

در انتهای صفحه می‌توانید نحوه مدیریت jQuery را انتخاب کنید. بسیاری از قالب های وردپرس و افزونه‌ها به شدت به جی کوئری متکی هستند، بنابراین اگر سعی کنید تجزیه اسکریپت‌های جی کوئری را به تعویق بیندازید، ممکن است برخی از عملکردهای اصلی سایت خود را از دست بدهید. بهترین و ایمن‌ترین روش حذف jQuery است، اما می‌‌توانید آن را به تعویق بیندازید.

آموزش رفع خطای ۴۲۹ در وردپرس | چگونه ارور error 429 – too many requests را در وردپرس رفع کنیم؟

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

بیشتر بخوانید: آموزش رفع خطای This site is experiencing technical difficulties در وردپرس

2- حل ارور Defer Parsing of JavaScript در GTMetrix با افزونه WP Rocket

همانطور که احتمالا می‌دانید، WP Rocket یکی از بهترین افزونه های بهینه‌سازی و افزایش سرعت وب سایت است که با استفاده از آن می‌توانید سرعت عملکرد سایت خود را تا جندین برابر افزایش و در نتیجه یک تجربه کاربری جذاب را برای کاربران خود به ارمغان بیاورید. اگر از این افزونه در سایت خود استفاده می‌کنید، می توانید خطای Defer Parsing of JavaScript را نیز به کمک آن رفع کنید.

برای این کار و بعد از فعال شد افزونه در سایت، کافیست وارد تب File Optimization تنظیمات افزونه شوید. سپس در قسمت JavaScript Files به دنبال گزینه Load JavaScript deferred بگردید.

3- رفع خطای Defer Parsing of JavaScript در جی تی متریکس با کدنویسی

همچنین می‌‌توانید با افزودن کد زیر به فایل functions.php قالب خود بدون نیاز به افزونه وردپرس، ویژگی defer را به فایل‌‌های جاوا اسکریپت خود اضافه کنید. برای دسترسی به این فایل، از بخش پیشخوان وردپرس وارد بخش “نمایش” شوید و سپس بر روی ویرایشگر پوسته کلیک کنید. حال باید تب functions.php را باز کنید. سپس کدهای زیر را در انتهای اطلاعات وارد کنید:

function defer_parsing_of_js( $url ) {

    if ( is_user_logged_in() ) return $url; //don't break WP Admin

    if ( FALSE === strpos( $url, '.js' ) ) return $url;

    if ( strpos( $url, 'jquery.js' ) ) return $url;

    return str_replace( ' src', ' defer src', $url );

}

add_filter( 'script_loader_tag', 'defer_parsing_of_js', 10 );

این قطعه کد به وردپرس اطلاع می‌دهد که ویژگی defer را به همه فایل‌های جاوا اسکریپت شما به جز jQuery اضافه کند. در نهایت روی Update File کلیک کنید تا تغییرات شما اعمال گردد.

آموزش رفع خطای Another Update in Progress در وردپرس

سوالات متداول

بیشتر بخوانید: بهترین افزونه افزایش سرعت سایت وردپرس

جمع‌بندی

اگر می‌خواهید زمان بارگذاری وب سایت خود را کاهش دهید، می‌توانید تجزیه جاوا اسکریپت را به تعویق بیندازید. این به مرورگر اجازه می‌دهد تا جاوا اسکریپت را تنها پس از اتمام بارگیری محتوای اصلی سایت ارائه دهد. ما در این مطلب آموزش رفع خطای Defer Parsing of JavaScript در GTMetrix را با استفاده از 3 روش مختلف در اختیار شما عزیزان قرار دادیم. امیدواریم این مطلب مورد رضایت شما عزیزان قرار گرفته باشد.

منبع: kinsta