رفع خطای remove render-blocking javascript
رفع خطای remove render-blocking javascript فایل js
در این مقاله از سایت آموزی قصد داریم شما را با رفع خطای remove render_blocking javascript و تاثیر آن در ارتقا و توسعه سئو وبسایت آشنا کنیم.
اگر وب سایت خود را در Google PageSpeed و GTMETRIX تست کنید، به احتمال زیاد یک پیشنهاد برای رفع Render_Blocking جاوااسکریپت و CSS خواهید داشت.
Remove Render-Blocking JavaScript چیست؟
مرورگر کاربر باید فایل های جاوا اسکریپت را قبل از بارگذاری صفحه HTML بارگذاری کند. با این حال گاهی فایل های JS زودتر از صفحه لود می شوند و سرعت صفحه را پایین می آورند.
برای کسب اطلاعات بیشتر در مورد سئو سایت حتما به صفحه آموزش سئو سایت سر بزنید.
رفع Render-Blocking جاوا اسکریپت با افزونه Autoptimize
اولین چیزی که شما باید انجام دهید نصب و فعال سازی افزونه Autoptimize است. پس از فعال سازی از قسمت تنظیمات ( Setting ) به صفحه ی تنظیمات افزونه Autoptimize بروید. شما برای شروع می توانید گزینه های JavaScript و CSS را چک کنید و در آخر دکمه ی ذخیره تغییرات را بزنید.
در حال حاضر می توانید وب سایت خود را با ابزار 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 – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید