در اولین قسمت (آموزش کار با کش و بهینه سازی WP Rocket) به تنظیم‌های پایه و مهم افزونه پرداختیم.
در اینجا به تنظیم‌های پیش بارگذاری WP Rocket به صورت کامل می‌پردازیم. با تم فور همراه باشید.
خوشبختانه افزونه وردپرس راکت به خوبی از قابلیت پیش بارگذاری برای وردپرس پشتیبانی می‌کند
با قابلیت پیش بارگذاری WP Rocket روند کش هوشمند و تعریف شده خواهد بود و بهبود سایت کمک می‌کند.
اما قبل از معرفی بخش‌های مختلف پیش بارگذاری WP Rocket به بخش رسانه و تنظم‌های آن می‌رویم.
تنظیم‌های رسانه افزونه WP Rocket
ویژگی لیزی لود برای تصاویر
در تنظیمات افزونه، تب یا بخش رسانه وجود دارد که قابلیت خوبی به نام لیزی لود LazyLoad قرار گرفته است.
با فعال سازی این گزینه برای تصاویر و فریم‌ها و ویدیوها، این محتواها در هنگام فراخوانی صفحه، لود نمی‌شوند.
به عبارتی مرورگر زمانی آن‌ها لود می‌کند که کاربر با اسکرول کردن به آن محتوا (تصویر و غیره) برسد.
لیزی لود چیست؟
لیزی لود یک ویژگی برای محتوای سایت است که تنها با اسکرول توسط کاربر صفحه آن محتوا لود می‌شود.
وردپرس از نسخۀ ۵.۷ در هسته خود، قابلیت لیزی لود را اضافه کرده است و این گزینه راکت الزامی نیست.
اما در صورتی که تمایل دارید از لیزی لود راکت استفاده کنید، می‌توانید از این قسمت آن را فعال کنید.
ابعاد گم شده تصاویر داخل محتوای صفحه
اگر با ابزارهای آنلاین خطای گم شدن ابعاد عرض، ارتفاع تصویر را دریافت کردید این گزینه را فعال نمایید.
این خطا با عنوان Missing Image Dimensions در بیشتر این ابزارها در هنگام آنالیز سایت ظاهر می‌شود.
به هر دلیلی تصاویر سایت شما عرض و ارتفاع مشخصی نداشته باشند، راکت خودکار این کار را انجام می‌دهد.
افزونه WP Rocket به ابعاد width و height اضافه می‌کند، به نمونه زیر توجه کنید.
نمونه آدرس URL تصویری که عرض و ارتفاعی بری آن تنظیم نشده است:
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://example.com/wp-content/uploads/2020/12/image.jpg"/><noscript><img src="https://example.com/wp-content/uploads/2020/12/image.jpg"/></noscript>
افزودن خودکار ابعاد به تصویر با فعال‌سازی این گزینه وردپرس راکت:
<img width="200" height="200" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3C/svg%3E" data-lazy-src="https://example.com/wp-content/uploads/2020/12/image.jpg"/><noscript><img width="200" height="200" src="https://example.com/wp-content/uploads/2020/12/image.jpg"/></noscript>
این گزینه کاربردی افزونه راکت، به سئوی تصاویر وب سایت کمک شایانی می‌کند.
تنظیم‌های پیش بارگذاری WP Rocket
در ابتدای این قسمت به پیش بارگذاری WP Rocket اشاره کوچکی کردیم که چقدر این آپشن کاربردی است.
به صورت پیش فرض، فرآیند کش در سرورها به این صورت است که باید کاربر از صفحات سایت بازدید کند.
تا زمانی که کاربر از سایت بازدید نکند، فایل‌های کش ایجاد نمی‌شود، اما راکت این مسئله را حل کرده است.
بله با قابلیت پیش بارگذاری WP Rocket این مشکل رفع شده و حتی بدون بازدید کاربر، کش ساخته می‌شود.
کاربران و بازدیدکنندگان حتی اگر از صفحات سایت بازدید نکنند، همیشه یک نسخه کش آماده وجود دارد.
این به لود سریع‌تر صفحات سایت بسیار کمک می‌کند و از ویژگی‌های مهم این افزونه به شمار می‌رود.
پیش بارگذاری در حال حاضر از معیارهای سنجش در GTMetrix و Google Speed Web Dev نیست.
فعال‌سازی نقشه سایت براساس پیش بارگذاری
نمونه‌ای از آدرس URL نقشه سایت:
http://example.com/sitemap.xml
پیش نیاز درخواست‌های DNS پیش بارگذاری
این قسمت می‌تواند DNS برای فایل‌هایی که خارج از سرور شماست، لود آن‌ها سریع‌تر و بهبود ببخشد.
در صورتی که فایل‌هایی خارج سرور خود ندارید، می‌توانید این بخش را خالی بگذارید.
منظور از DNS چیست؟
زمانی که می‌خواهید یک وب سایت طراحی کنید، باید یک دامنه نیز برای آن انتخاب و تهیه کنید.
که این نام به کمک DNS به IP تبدیل می‌شود و در فضای اینترنت از این IP استفاده می‌شود.
گزینه پیش بارگذاری فونت‌های سایت
اگر در ابزار GTMetrix یا Google Speed با هشدار کندی لود فونت‌های سایت خود مواجه می‌شوید.
باید از این گزینه راکت استفاده کنید، چراکه کمک می‌کند که مشکل تاخیر یا کندی فونت‌ها حل شود.
کافیست آدرس URL فونت‌هایی که اعلام شده در ابزارها را در این باکس قرار دهید و ذخیره تغییرات را بزنید.
جمع بندی آموزش پیش بارگذاری WP Rocket
به همین سادگی با این آموزش توانستیم این بخش از تنظیمات افزونه WP Rocket را انجام دهیم.
پیش بارگذاری WP Rocket همانطور که اشاره شده از ویژگی‌های خوب و مهم این افزونه است.
کانال تلگرام تم فور
تخفیف‌ها، آموزش‌های جدید و به‌روز رسانی‌ها
صفحۀ اینستاگرام تم فور
اعلام جشنواره‌ها، قرعه کشی‌ها و مطالب جذاب
