آیا می خواهید پرونده هایی (CSS & JS) را که مانع بارگیری صفحات در وردپرس هستند ، حذف کنید؟ اگر سایت خود را در Google Insights PageSpeed آزمایش می کنید ، احتمالاً پیشنهادی برای حذف اسکریپت هایی که بارگیری صفحات را مسدود می کنند خواهید دید. در این آموزش ، ما به شما نشان خواهیم داد که چگونه این فایلها را که مانع بارگیری صفحات شما می شوند ، اصلاح کنید تا امتیاز Google PageSpeed شما بهبود یابد.
چه چیزی مانع بارگیری صفحات می شود؟
هر سایت WordPress دارای یک موضوع و افزونه هایی است که در پایان و قبل از اینکه صفحه در مرورگر قابل مشاهده باشد ، پرونده های JavaScript و CSS را اضافه می کنند. این اسکریپت ها می توانند زمان بارگذاری صفحه سایت شما را افزایش دهند و همچنین می توانند رندر صفحه را مسدود کنند.
قبل از بارگیری محتوای صفحه ، مرورگر کاربر باید اسکریپت ها و CSS را بارگیری کند. این بدان معناست که کاربرانی که اتصال کندتری دارند برای مشاهده صفحه باید چند میلی ثانیه دیگر منتظر بمانند.
دارندگان سایت برای دستیابی به امتیاز خوب Google PageSpeed باید این مشکل را برطرف کنند.
1 - نحوه تصحیح رندر صفحه با Autoptimize
این روش ساده تر است و برای اکثر کاربران توصیه می شود.
اولین کاری که باید انجام دهید نصب و فعال سازی افزونه " Autoptimize ". برای جزئیات بیشتر ، مراجعه کنید راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس.
پس از فعال سازی افزونه ، باید بازدید کنید " تنظیمات> بهینه سازی خودکار برای پیکربندی تنظیمات افزونه.
می توانید با بررسی کادر گزینه JavaScript و CSS شروع کنید و سپس بر روی دکمه "ذخیره تغییرات" کلیک کنید.
اکنون می توانید خود را تست کنید وب سایت با استفاده از ابزار PageSpeed اگر هنوز اسکریپت‌هایی وجود دارند که رندر صفحه را مسدود می‌کنند، باید به صفحه تنظیمات افزونه برگردید و روی دکمه «نمایش تنظیمات پیشرفته» در بالا کلیک کنید.
در اینجا می توانید به پلاگین اجازه دهید JS درون خطی داشته باشد و اسکریپت هایی را که به طور پیش فرض مانند "seal.js" یا "jquery.js" حذف شده اند حذف کند.
سپس به پایین به گزینه CSS بروید و به پلاگین اجازه دهید همه پرونده های CSS را با هم ترکیب کند.
برای ذخیره تغییرات خود روی دکمه «ذخیره تغییرات و خالی کردن حافظه پنهان» کلیک کنید حافظه پنهان را خالی کنید از افزونه
پس از اتمام کار، ادامه دهید و وضعیت خود را بررسی کنید وب سایت دوباره با ابزار PageSpeed.
مطمئن شوید که پس از بهینه سازی فایل های JavaScript یا CSS سایت خود را به دقت آزمایش کرده اید تا ببینید همه چیز خوب کار می کند.
2 - رندر پرونده را با W3 Total Cache رفع کنید
این روش به کمی کار بیشتر نیاز دارد و برای کسانی که قبلاً W3 Total Cache را روی خود دارند توصیه می شود سایت اینترنتی.
ابتدا باید پلاگین W3 Total Cache را نصب و فعال کنید. اگر به کمک احتیاج داری، راهنمای کامل ما را در کل Cache W3 بررسی کنید.
سپس باید از "عملکرد> تنظیمات عمومی" بازدید کرده و به بخش "کوچک کردن" بروید.
اول از همه ، شما باید کادر "Enable" را علامت بزنید و سپس "Manual" را برای گزینه حالت کوچک سازی انتخاب کنید.
روی دکمه کلیک کنید همه تنظیمات را ذخیره کنید برای ذخیره تنظیمات خود
سپس شما باید اسکریپت ها و CSS را که می خواهید کوچک کنید اضافه کنید.
می توانید آدرس URL همه اسکریپت ها و صفحه سبک را که باید با توجه به Google PageSpeed Insights ترکیب شوند دریافت کنید.
در زیر پیشنهادهایی که می گوید: " حذف رندر مسدود کردن جاوا اسکریپت و CSS "، بر روی" نمایش نحوه حل "کلیک کنید. این لیست اسکریپت ها و صفحه های سبک را به شما نشان می دهد.
ماوس خود را بر روی یک اسکریپت حرکت دهید تا URL کامل به شما نشان داده شود. می توانید این URL را انتخاب کنید ، سپس از CTRL + C روی صفحه کلید خود استفاده کنید (Command + C در Mac) تا URL کپی شود.
اکنون به صفحه مدیریت وردپرس خود بروید و به بخش " کارایی > مینیاتور '.
ابتدا باید فایلهای JavaScript را که می خواهید فشرده شوند اضافه کنید. به بخش JS رفته و سپس در زیر مجموعه "عملیات در مناطق" از نوع تعبیه شده برای "جلوگیری از استفاده از" async "برای بخش .
سپس باید بر روی دکمه کلیک کنید یک اسکریپت اضافه کنید و سپس اضافه کردن آدرس های URL اسکریپت را که از ابزار Google PageSpeed کپی کرده اید ، شروع کنید.
پس از پایان کار ، به بخش CSS بروید و بر روی دکمه "افزودن صفحه سبک" کلیک کنید. اکنون URL های صفحه سبک را که با ابزار Google PageSpeed کپی کرده اید اضافه کنید.
حالا روی دکمه کلیک کنید تنظیمات و حافظه پنهان را ذخیره کنید برای ذخیره تنظیمات خود
از ابزار Google PageSpeed بازدید کنید و وب سایت خود را دوباره آزمایش کنید.
اطمینان حاصل کنید که وب سایت خود را نیز با دقت آزمایش کرده اید تا ببینید همه چیز خوب است.
این همه برای این آموزش است، امیدوارم به شما این امکان را بدهد که عملکرد خود را بهبود ببخشید وبلاگ وردپرس.
