آپ تم مرجع ارائه خرید قالب وردپرس فروشگاهی | شرکتی | تجاری | خبری و... , افزونه وردپرس , آموزش وردپرس
همیشه کیفیت محصول + پشتیبانی حرفه ای + جلب رضایت مشتریان اولویت های ماست

خانه / آموزش وردپرس / آموزش های وردپرس / چگونه اخطار Remove Render-Blocking JavaScript را رفع کنیم؟
تصویر چگونه اخطار Remove Render-Blocking JavaScript را رفع کنیم؟

چگونه اخطار Remove Render-Blocking JavaScript را رفع کنیم؟

اطلاعات

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

دسته بندی: آموزش های وردپرس, آموزش وردپرس

برچسب ها:

سلام به کاربران گرامی ، همانطور که می دانید امروزه برای بهبود رتبه های وب سایت ، مدیران آن ها در تلاش اند تا سرعت آن را در Google PageSpeed افزایش دهند و به ۱۰۰ برسانند. هر وب سایت تم ها و پلاگین هایی دار که جاوا اسکریپت و فایل های css می توانند به آن ها اضافه شوند و سرعت بالا آمدن یک صفحه را کاهش دهند و یا آن را بلاک کنند. ما امروز می خواهیم در این مقاله به شما بگوییم چگونه اخطار Remove Render-Blocking JavaScript را رفع کنیم؟ تا بتوانید سرعت صفحات خود را افزایش دهید. پس در ادامه مطلب با وب سایت آپ تم همراه باشید.

رفع خطای Remove Render-Blocking JavaScript :

روش اول : استفاده از Autoptimize

اولین چیزی که شما باید انجام دهید نصب و فعال سازی افزونه Autoptimize است. برای جزئیات بیشتر، آموزش نصب افزونه در وردپرس را ببینید.

پس از فعال سازی از قسمت تنظیمات (Setting) به صفحه ی تنظیمات افزونه Autoptimize بروید. شما برای شروع  می توانید گزینه های JavaScript و  CSS را چک کنید و در آخر دکمه ی ذخیره تغییرات را بزنید.

تصویر چگونه اخطار Remove Render-Blocking JavaScript را رفع کنیم؟

در حال حاضر می توانید وب سایت خود را با ابزار PageSpeed تست کنید. در صورتی که هنوز هم Render-Blocking جاوا اسکریپت و CSS برجاست شما می توانید به صفحه ی تنظیمات افزونه برگردید و به تنظیمات پیشرفته بروید. و همچنین می توانید به افزونه اجازه دهید که js درون خطی قرار دهد و یا اینکه اسکریپت هایی مانند  seal.js یا jquery.js  را که به صورت پیش فرض حذف شده اند را حذف کند.

در مرحله بعد، تا گزینه CSS  به پایین بروید و به افزونه اجازه دهید تا CSS درون خطی را قرار دهد (aggregate ). برای ذخیره تغییرات و خالی کردن حافظه کش افزونه روی دکمه ی ” ذخیره و خالی کردن کش ” کلیک کنید. یکبار که انجام دادید به مراحل بعد بروید و دوباره وب سایت خود را با ابزار PageSpeed چک کنید. برای اینکه بدانید با بهینه سازی جاوا اسکریپت یا CSS چیزی بهم ریخته نشده است، وب سایت خود را به طور کامل تست کنید.

این روش ساده تر است و برای اکثر کاربران توصیه می شود.

روش کار این افزونه 

افزونه Autoptimize تمام جاوا اسکریپت و CSS ها را جمع می کند و  بعد از آن کپی کش های سرور و فایل ها ی جاوا اسکریپت و CSS برای وب سایت شما ایجاد می کند. این افزونه به شما اجازه رفع render-blocking جاوااسکریپت و CSS را می دهد، با این حال این را در نظر داشته باشید که همچنین می تواند روی ظاهر و عملکرد وب سایت شما اثر بگذارد.

روش دوم : استفاده از W3 Total Cache

در مرحله ی اول شما باید افزونه W3 Total Cache را نصب و فعالسازی کنید. اگر برای نصب مشکلی دارید آموزش افزونه total cache را ببینید. در مرحله ی بعد شما به بخش Performance و صفحه ی General Settings بروید.

تصویر چگونه اخطار Remove Render-Blocking JavaScript را رفع کنیم؟

ابتدا از بخش Minify  گزینه Enable را تیک بزنید، بعد از بخش Minify option گزینه ی Manual را انتخاب کنید و بعد دکمه ذخیره تنظیمات را کلیک کنید. در مرحله ی بعد نیاز دارید به اضافه کردن جاواسکریپت و CSS ای که می خواهید Minify کنید.

شما می توانید URL همه ی script و stylesheet هایی که render blocking هستند از ابزار Google PageSpeed Insights را بگیرید. در قسمت ” رفع Render Blocking جاوااسکریپت و CSS “بر روی گزینه ی ” نمایش چگونگی رفع ” کلیک کنید. این به شما لیست همه ی script و stylesheet  را نمایش خواهد داد. نشانگر موس خود را بر روی script نگه دارید تا آدرس کامل نمایش داده شود. آدرس را کپی کنید.

تصویر چگونه اخطار Remove Render-Blocking JavaScript را رفع کنیم؟

در حال حاضر از مدیریت وردپرس خود و از بخش Performance به صفحه ی Minify بروید.

در مرحله ی اول شما باید فایل های JavaScript ای را که می خواهید Minify شوند را اضافه کنید. پایین تر به بخش JS رفته و بعد در قسمت “Operations in areas” گزینه ی “Non-blocking async” را برای بخش <head> انتخاب کنید.

تصویر چگونه اخطار Remove Render-Blocking JavaScript را رفع کنیم؟

بعد دکمه ی “Add script” را کلیک کرده و بعد آدرس script ای را که از ابزار Google PageSpeed کپی کرده اید را اضافه کنید. وقتی که انجام شد به پایین و بخش CSS بیاید و دکمه ی Add a stylesheet را کلیک کرده و بعد آدرس stylesheet ای را که از ابزار Google PageSpeed کپی کرده اید را اضافه کنید.

تصویر چگونه اخطار Remove Render-Blocking JavaScript را رفع کنیم؟

در آخر بر روی دکمه ی ” ذخیره تنظیمات و خالی کردن حافظه کش “برای ذخیره ی تغییرات کلیک کنید.

ابزار Google PageSpeed را مشاهده کنید و بار دیگر وب سایت خود را تست کنید. وب سایت خود را به طور کامل تست کنید که همه چیز به خوبی کار کند.

روش بعدی استفاده از افزونه wp rocket وردپرس هست که با یک کلیک کار را برای شما ساده خواهد کرد.

کلام آخر

بسته به اینکه پلاگین ها و قالب های وردپرس چگونه از JavaScript و CSS استفاده می کنند، این مساله می تواند به طور کامل رفع Render-Blocking جاوااسکریپت و CSS را به چالش بکشد. در حالی که ابزار فوق می تواند کمک کند، پلاگین شما ممکن است برای اینکه به درستی کار کند در سطح اولویت های مختلف  به یک اسکریپت خاص نیاز داشته باشد. در این صورت راه حل های بالا می تواند پلاگین های شما را بشکند و یا به طور غیر منتظره عمل کند. گوگل هنوز هم ممکن است مسائل خاص مانند بهینه سازی تحویل CSS برای بالاتر از محتوا برابر را نشان دهد. افزونه Autoptimize به شما این اجازه را می دهد که برای نمایش بخش محتوای قالب خود، CSS خطی را قرار دهید.با این حال، پیدا کردن کد CSS ای که برای نمایش محتوا نیاز هست می تواند بسیار دشوار  باشد .

در نهایت ، امیدواریم این مطلب مورد توجه و استفاده شما کاربر گرامی قرار گرفته باشد.

 

منبع : آپ تم | قالب وردپرس | قالب وردپرس رایگان

یک ستارهدو ستارهسه ستارهچهار ستارهپنج ستاره (امتیاز اول را شما ثبت کنید.) | به راستی!! در کانال تلگرامی آپ تم عضو شوید، ( آموزش وردپرس ، تخفیفات و بروز رسانی ها )
Loading...

باکس دانلود

  • کاربران گرامی از ارسال دیدگاه جهت پشتیبانی محصولات ویژه ( خریداری شده) خود داری کنید برای این امر از قسمت پشتیبانی اقدام کنید.
  • لطفا از تایپ فینگلیش پرهیز کنید در غیر این صورت دیدگاه شما برسی نخواهد شد.
  • لطفا هدفتان از ارسال دیدگاه بک لینک نباشد.

هنوز هیچ دیدگاهی وجود ندارد

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


    x بستن این بنر

    تخفیف 50 درصدی به مناسبت جشن دوسالگی آپ تم ( مدت کاملا محدود عجله کنید ) کد تخفیف: uptheme2 به همراه پشتیبانی و بروزرسانی های بعدی رایگان
    نوروز 96 برشما مبارک » در این ایام تا 15 فروردین ماه تمامی محصولات آپ تم با %60 تخفیف ارائه می شود. کد تخفیف: noroze96 جزئیات بیشتر ...