چگونه منابع مسدود کننده رندر را از وب سایت وردپرس خود حذف کنیم

 
<script src="https://blog.hubspot.com/marketing/resource.js" async>
<script src="https://blog.hubspot.com/marketing/resource.js" defer>

منبع

برای حل این مشکل، می توانید یکی از این موارد را اضافه کنید ناهمگام (ناهمزمان) یا به تعویق انداختن به تگ های اسکریپت برای منابع مسدودکننده رندر نسبت دهید. ناهمگام و به تعویق انداختن به این صورت قرار می گیرند:

9. اگر PageSpeed ​​Insights همچنان فایل‌های جاوا اسکریپت مسدودکننده رندر را گزارش می‌دهد، به آن بازگردید تنظیمات > بهینه سازی خودکار و کادرهای کناری را علامت بزنید فایل های JS را جمع آوری کنید؟ و فایل های CSS را جمع آوری کنید؟. سپس، کلیک کنید ذخیره تغییرات و خالی کردن کش و دوباره اسکن کنید

چگونه می توان منابع مسدود کننده رندر را با افزونه W3 Total Cache حذف کرد

پس از ایجاد تغییرات، یک اسکن نهایی وب سایت خود را از طریق PageSpeed ​​Insights انجام دهید و ببینید تغییرات شما چه تأثیری بر امتیاز شما داشته است.

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

فهرستی از فایل‌ها را می‌بینید که «نخستین رنگ» صفحه شما را کاهش می‌دهند – این فایل‌ها بر زمان بارگیری تمام محتوایی که در پنجره مرورگر در بارگذاری اولیه صفحه ظاهر می‌شوند تأثیر می‌گذارند. به این محتوای «بالاتر» نیز می گویند.

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

هنگامی که اسکن کامل شد، گوگل به وب سایت شما یک امتیاز سرعت کلی از 0 (کمترین) تا 100 (سریعترین) اختصاص می دهد. امتیاز در محدوده 50 تا 80 متوسط ​​است، بنابراین شما می خواهید در قسمت بالای این محدوده یا بالاتر از آن قرار بگیرید.

از آنجایی که در حال تغییر باطن سایت خود هستید، به یاد داشته باشید که در مورد این افزونه یا هر افزونه مشابه احتیاط کنید. برای حذف منابع مسدودکننده رندر با Autoptimize:

اگر ترجیح می‌دهید ویدیویی را دنبال کنید، این راهنمای ایجاد شده توسط WP Casts را بررسی کنید:

1. منابع مسدودکننده رندر را شناسایی کنید.

برای انجام این کار، محل را پیدا کنید <اسکریپت> برچسب ها در فایل های وب سایت شما برای منابع شناسایی شده در اسکن PageSpeed ​​Insights شما. آنها چیزی شبیه به این خواهند بود:

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

3. در کوچک کردن بخش، کادر کناری را علامت بزنید کوچک کردن، سپس تنظیم کنید حالت کوچک کردن به کتابچه راهنمای.

قبل از ایجاد هر گونه تغییر، ابتدا باید منابع مسدودکننده رندر را پیدا کنید. بهترین راه برای انجام این کار تست سرعت آنلاین رایگان مانند ابزار PageSpeed ​​Insights گوگل است. آدرس سایت خود را بچسبانید و کلیک کنید تجزیه و تحلیل.

ممکن است با عوامل رایج عملکرد ضعیف صفحه آشنا باشید – محتوای بیش از حد، فایل های تصویری فشرده نشده، میزبانی ناکافی و عدم وجود حافظه پنهان برای نام بردن از چند مورد. اما عامل دیگری که اغلب نادیده گرفته می شود در بازی وجود دارد: منابع مسدودکننده رندر.

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

Autoptimize یک افزونه رایگان است که فایل های وب سایت شما را برای ارائه صفحات سریعتر تغییر می دهد. بهینه‌سازی خودکار با جمع‌آوری فایل‌ها، کوچک کردن کد (به عنوان مثال، کاهش اندازه فایل با حذف کاراکترهای اضافی یا غیر ضروری)، و تأخیر در بارگذاری منابع مسدودکننده رندر کار می‌کند.

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

3. اسکن سایت را دوباره اجرا کنید.

2. یک جدید کارایی گزینه ای به منوی داشبورد وردپرس شما اضافه خواهد شد. انتخاب کنید عملکرد > تنظیمات عمومی.

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

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