رفع خطای remove render-blocking javascript فایل js

در این مقاله از سایت آموزی قصد داریم شما را با رفع خطای remove render_blocking javascript و تاثیر آن در ارتقا و توسعه سئوی وبسایت آشنا کنیم.

رفع خطای remove render-blocking javascript فایل js - سایت آموزی

اگر وب سایت خود را در Google PageSpeed و GTMETRIX تست کنید، به احتمال زیاد یک پیشنهاد برای رفع Render_Blocking جاوااسکریپت و CSS خواهید داشت.

Remove Render-Blocking JavaScript چیست؟

مرورگر کاربر باید فایل های جاوا اسکریپت را قبل از بارگذاری صفحه HTML بارگذاری کند.

با این حال گاهی فایل های JS زودتر از صفحه لود می شوند و سرعت صفحه را پایین می آورند.

رفع Render-Blocking جاوا اسکریپت با افزونه Autoptimize

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

پس از فعال سازی از قسمت تنظیمات ( Setting ) به صفحه ی تنظیمات افزونه Autoptimize بروید.

شما برای شروع می توانید گزینه های JavaScript و  CSS را چک کنید و در آخر دکمه ی ذخیره تغییرات را بزنید.

رفع خطای remove render-blocking javascript فایل js - سایت آموزی

در حال حاضر می توانید وب سایت خود را با ابزار PageSpeed تست کنید.

در صورتی که هنوز هم Render_Blocking جاوا اسکریپت و CSS برجاست.

شما می توانید به صفحه ی تنظیمات افزونه برگردید و به تنظیمات پیشرفته بروید.

و همچنین می توانید به افزونه اجازه دهید که js درون خطی قرار دهد

و یا اینکه اسکریپت هایی مانند  seal.js یا jquery.js  را که به صورت پیش فرض حذف شده اند را حذف کند.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

افزونه Autoptimize چطور کار می کند؟

افزونه Autoptimize تمام جاوا اسکریپت و CSS ها را جمع می کند

و  بعد از آن کپی کش های سرور و فایل ها ی js و CSS برای سایت شما ایجاد می کند.

این افزونه به شما اجازه رفع render-blocking جاوااسکریپت و CSS را می دهد.

با این حال این را در نظر داشته باشید که می تواند روی ظاهر و عملکرد سایت شما اثر بگذارد.

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

رفع خطای remove render-blocking javascript فایل js – اختصاصی سایت آموزی