وردپرس

آموزش افزونه WP Rocket، نصب تا بهینه سازی

wp-rocket

افزونه WP Rocket یکی از افزونه‌های شناخته‌شده برای افزایش سرعت و بهینه‌سازی WordPress است. این افزونه پس از فعال‌سازی، بخشی از تنظیمات Cache و Performance را به‌صورت خودکار اعمال می‌کند و امکانات بیشتری برای بهینه‌ سازی JavaScript، Media، Preload و CSS در اختیار مدیر سایت قرار می‌دهد. در این مقاله نصب WP Rocket و تنظیمات اصلی آن را به‌صورت عملی بررسی می‌کنیم.

WP Rocket چیست؟

WP Rocket یک افزونه Performance و Cache برای WordPress است که امکاناتی مانند موارد زیر را ارائه می‌دهد:

  • Page Cache
  • Browser Cache
  • Mobile Cache
  • Minify CSS و JavaScript
  • Lazy Load
  • Preload Cache

بخشی از این قابلیت‌ها بلافاصله بعد از فعال شدن افزونه به‌صورت خودکار فعال می‌شوند و برای برخی امکانات پیشرفته‌تر باید تنظیمات بیشتری انجام شود.

WP Rocket رایگان است؟

خیر. برخلاف بسیاری از افزونه‌های Cache، WP Rocket یک افزونه Premium است. بعد از خرید License باید فایل ZIP افزونه را از حساب WP Rocket دریافت کرده و روی WordPress نصب کنید. این افزونه از طریق جست‌وجوی عادی مخزن WordPress.org نصب نمی‌شود.

پیش‌نیازهای نصب WP Rocket

براساس مستندات فعلی WP Rocket حداقل نسخه‌های زیر موردنیاز هستند:

PHP 7.3 یا بالاتر
WordPress 5.8 یا بالاتر
Action Scheduler 3.0.0 یا بالاتر

برخی قابلیت‌های سنگین‌تر مانند Preload نیز می‌توانند به منابع بیشتری از Server نیاز داشته باشند. اگر با نصب افزونه‌ها آشنایی ندارید، مقاله آموزش نصب و آپدیت افزونه‌ها را مطالعه کنید.
اگر افزونه Cache دیگری مانند LiteSpeed Cache یا افزونه‌ای با Full Page Cache فعال دارید، بهتر است قبل از استفاده از WP Rocket وضعیت آن را بررسی کنید. فعال بودن چند سیستم Page Cache یا چند ابزار با Optimization مشابه می‌تواند باعث Conflict شود.
برای مثال بهتر است قابلیت‌هایی مانند:

Page Cache
CSS Minify
JS Minify
Delay JavaScript

به‌صورت هم‌زمان توسط چند افزونه مختلف مدیریت نشوند. در مقاله آموزش افزونه LiteSpeed Cache؛ نصب تا بهینه‌سازی تنظیمات آن افزونه جداگانه بررسی شده است.

مرحله اول: دانلود WP Rocket

پس از خرید لایسنس، بایستی فایل ZIP افزونه را دانلود کنید. فایل معمولاً به‌صورت یک Package قابل نصب در WordPress ارائه می‌شود.

مرحله دوم: نصب WP Rocket

وارد پیشخوان WordPress شوید و مسیر زیر را باز کنید:

Plugins
> Add New Plugin
> Upload Plugin

روی Choose File کلیک کرده و فایل ZIP مربوط به WP Rocket را انتخاب کنید. سپس Install Now را بزنید. بعد از اتمام نصب Activate Plugin را انتخاب کنید. این همان روش نصب خودکار توصیه‌شده در مستندات WP Rocket است.

wp-rocket-install

مرحله سوم: ورود به تنظیمات WP Rocket

بعد از فعال‌سازی وارد مسیر زیر شوید:

Settings
> WP Rocket

صفحه اصلی تنظیمات افزونه نمایش داده می‌شود. تب‌های مهم نسخه‌های فعلی WP Rocket شامل بخش‌هایی مانند:

Dashboard
File Optimization
Media
Preload
Advanced Rules
Database
Content Delivery
Heartbeat
Add-ons
Tools

هستند.

wp-rocket-dashboard

WP Rocket بعد از فعال‌سازی چه کاری انجام می‌دهد؟

یکی از تفاوت‌های WP Rocket با بسیاری از افزونه‌ها این است که برای فعال شدن Cache اصلی نیاز نیست تنظیم خاصی انجام دهید. پس از فعال شدن افزونه، امکانات خودکار مختلفی مانند:

  • Page Cache
  • Mobile Cache
  • Browser Cache
  • GZIP Compression
  • Optimize Google Fonts
  • برخی بهینه‌سازی‌های Critical Image

اعمال می‌شوند. همچنین به‌صورت پیش‌فرض تنظیماتی مانند Minify CSS، Minify JavaScript، Preload Cache، Preload Links و کاهش فعالیت Heartbeat فعال یا تنظیم می‌شوند.

چگونه بررسی کنیم WP Rocket واقعاً Cache می‌کند؟

ابتدا از حساب WordPress خارج شوید یا Website را در حالت Incognito باز کنید. سپس Source صفحه را مشاهده کنید. برای مثال:

View Page Source

به انتهای Source بروید. اگر WP Rocket فعال باشد معمولاً یک نشانه مربوط به Cache و Optimization افزونه در انتهای HTML دیده می‌شود. WP Rocket نیز بررسی Cache را در حالت Logged-out توصیه می‌کند، زیرا صفحات کاربران واردشده ممکن است رفتار Cache متفاوتی داشته باشند.

inspect-wp-rocket

تنظیم File Optimization

یکی از مهم‌ترین بخش‌ها:

WP Rocket
> File Optimization

است. در این قسمت تنظیمات مربوط به CSS و JavaScript قرار دارند. قابلیت‌های اصلی شامل:

Minify CSS Files
Optimize CSS Delivery
Minify JavaScript Files
Load JavaScript Deferred
Delay JavaScript Execution

Minify CSS چیست؟

فایل‌های CSS را کوچک‌تر می‌کند و فضای اضافی مانند برخی فاصله‌ها و Commentها را کاهش می‌دهد. در نسخه‌های فعلی WP Rocket این گزینه به‌صورت پیش‌فرض در نصب جدید فعال می‌شود. بعد از فعال بودن آن، ظاهر صفحات سایت را بررسی کنید.

Remove Unused CSS

در بخش:

File Optimization
> Optimize CSS Delivery

گزینه Remove Unused CSS وجود دارد. این قابلیت CSSهای موردنیاز هر صفحه را نگه می‌دارد و CSSهای بلااستفاده را از فرآیند بارگذاری همان صفحه حذف می‌کند.
فعالسازی این گزینه در بسیاری از سایت‌ها می‌تواند تأثیر مناسبی روی Performance داشته باشد، اما باید بعد از فعال‌سازی حتماً ظاهر سایت بررسی شود.
اگر Layout دچار مشکل شد، ابتدا Remove Unused CSS را غیرفعال کرده و Cache را پاک کنید تا مشخص شود علت مشکل همین گزینه است.

Minify JavaScript

در همان صفحه File Optimization گزینه Minify JavaScript Files قرار دارد. این گزینه حجم JavaScriptها را کاهش می‌دهد و در نصب جدید WP Rocket از تنظیمات پیش‌فرض است.

Load JavaScript Deferred

باعث می‌شود JavaScriptهای مناسب بدون Blocking مستقیم Rendering صفحه اجرا شوند. بعد از فعال‌سازی حتماً موارد زیر را بررسی کنید:

Menu
Slider
Search
Forms
Popup
Checkout
Login

چون برخی Scriptها ممکن است به ترتیب Loading خاصی وابسته باشند.

Delay JavaScript Execution

این قابلیت اجرای JavaScript را تا زمانی که Interaction کاربر اتفاق بیفتد به تأخیر می‌اندازد؛ مثلاً:

Scroll
Mouse movement
Touch
Key press

این کار می‌تواند Main Thread و JavaScript Execution اولیه را کاهش دهد. اما چون JavaScriptها دیرتر اجرا می‌شوند، این گزینه از تنظیماتی است که باید با دقت تست شود.
به صورت کلی بهینه سازی JS و CSS توصیه نمی‌شود و در صورت نیاز بهتر است هر قابلیت را یکی‌یکی فعال کنید و پس از هر تغییر سایت را تست کنید.

تنظیمات Media

وارد قسمت زیر شوید.

WP Rocket
> Media

این بخش امکاناتی برای تصاویر، iframeها، Video و Fontها دارد. امکانات فعلی آن شامل LazyLoad، LazyLoad برای Background Image، iframe و Video، افزودن Missing Image Dimensions، Self-host Google Fonts و Font Preload است.

فعال کردن LazyLoad

گزینه‌های LazyLoad را می‌توان برای:

Images
CSS Background Images
iframes and videos

فعال کرد. LazyLoad باعث می‌شود Mediaهایی که هنوز در Viewport کاربر نیستند، تا زمان نیاز Load نشوند. این کار می‌تواند حجم و Requestهای اولیه صفحه را کاهش دهد.

Add Missing Image Dimensions

برای تصاویری که Width و Height مشخص ندارند می‌تواند Dimension لازم را اضافه کند. این موضوع می‌تواند به کاهش Layout Shift کمک کند.

media-wp-rocket

تنظیم Preload

وارد قسمت زیر شوید :

WP Rocket
> Preload

قابلیت Preload Cache در WP Rocket به‌صورت پیش‌فرض فعال است. این قابلیت صفحات را از قبل پردازش می‌کند تا اولین Visitor نیز بتواند نسخه Cache‌شده دریافت کند.

آیا Preload منابع سرور را مصرف می‌کند؟

بله، ایجاد Cache و پردازش برخی Optimizationها نیازمند منابع Server است. این موضوع در سایت‌های:

  • بسیار بزرگ
  • دارای هزاران URL
  • دارای CPU محدود
  • Shared Hosting
  • WooCommerce بزرگ

اهمیت بیشتری دارد. WP Rocket نیز اشاره می‌کند قابلیت‌هایی مانند Preload و Remove Unused CSS بسته به اندازه سایت می‌توانند نیاز بیشتری به منابع داشته باشند.

تنظیم Cache Lifespan

در نسخه‌های جدید مسیر این گزینه:

WP Rocket
> Advanced Rules

است. گزینه Cache Lifespan مشخص می‌کند Cache بعد از چه مدت به‌صورت دوره‌ای Purge شود. مقدار پیش‌فرض بر روی 10 Hours است. برای اکثر سایت‌ها اگر دلیل مشخصی ندارید، مقدار پیش‌فرض انتخاب مناسبی است.

Never Cache URLs

فرض کنید صفحه‌ای دارید که نباید Cache شود:

/example-dynamic-page/

می‌توانید آن را در:

Advanced Rules
> Never Cache URLs

وارد کنید. برای WooCommerce، WP Rocket بسیاری از صفحات حساس مانند Cart و Checkout را براساس Integrationهای خود مدیریت می‌کند؛ بنابراین قبل از ایجاد Exclusion دستی ابتدا رفتار پیش‌فرض را بررسی کنید. صفحات Commerce حساس به‌صورت عادی از Cache عمومی مستثنی می‌شوند.

پاک کردن Cache در WP Rocket

بعد از تغییرات مهم می‌توانید Cache را به‌صورت دستی پاک کنید. از Admin Bar وردپرس گزینه مربوط به WP Rocket و:

Clear Cache

را انتخاب کنید. همچنین این کار از Dashboard افزونه نیز قابل انجام است. WP Rocket در بسیاری از تغییرات WordPress Cache را به‌صورت خودکار مدیریت و Purge می‌کند، بنابراین لازم نیست بعد از هر تغییر کوچک دائماً Cache را دستی پاک کنید.

جمع‌بندی

WP Rocket بعد از فعال‌سازی بسیاری از تنظیمات پایه Performance را به‌صورت خودکار اعمال می‌کند و برای استفاده اولیه نیازی به تنظیم دستی Page Cache ندارد.

برای بهینه‌سازی بیشتر، مهم‌ترین بخش‌ها عبارت‌اند از:

File Optimization
Media
Preload
Advanced Rules

همچنین در نسخه‌های جدید WP Rocket دیگر تب مستقل Cache وجود ندارد و بخشی از تنظیمات آن خودکار یا به قسمت‌هایی مانند Advanced Rules و Add-ons منتقل شده‌اند.

نظرات خود را بنویسید...

اشتراک گذاری این مقاله

آموزش افزونه WP Rocket، نصب تا بهینه سازی

کپی کردن لینک

سلام