آموزش افزونه Litespeed cache، نصب تا بهینه سازی

افزونه LiteSpeed Cache یا LSCWP یکی از ابزارهای شناخته‌شده برای Cache و بهینه‌سازی وردپرس است. این افزونه علاوه بر Page Cache، امکاناتی مانند بهینه‌سازی CSS و JavaScript، Lazy Load تصاویر، Image Optimization، Database Optimization، Browser Cache و پشتیبانی از Redis و Memcached را ارائه می‌دهد.
در این مقاله نصب LiteSpeed Cache، فعال‌سازی Cache و تنظیمات اصلی آن را به‌صورت عملی بررسی می‌کنیم.

پیش‌نیازهای LiteSpeed Cache

براساس مستندات فعلی LiteSpeed، افزونه برای نسخه‌های جدید به موارد زیر نیاز دارد:

WordPress 6.0 یا بالاتر
PHP 7.4 یا بالاتر

نکته) قابلیت Full Page Cache افزونه زمانی مستقیماً کار می‌کند که Web Server از LiteSpeed و LSCache پشتیبانی کند.

اگر سایت روی Apache یا Nginx باشد، همچنان می‌توان از بخش زیادی از امکانات Optimization افزونه استفاده کرد، اما Page Cache سروری LiteSpeed در دسترس نخواهد بود؛ مگر اینکه Cache از طریق CDN فراهم شود.

اگر افزونه Cache دیگری روی سایت فعال است، قبل از فعال کردن LiteSpeed Cache بهتر است Full Page Cache قبلی را غیرفعال کنید. برای مثال هم‌زمان فعال بودن دو افزونه‌ای که هر دو Page Cache ایجاد می‌کنند می‌تواند باعث رفتارهای غیرقابل پیش‌بینی شود. مستندات LiteSpeed نیز توصیه می‌کند در یک زمان فقط یک Full Page Cache فعال باشد. اگر با روش نصب افزونه آشنایی ندارید، مقاله آموزش نصب و آپدیت افزونه‌ها را مطالعه کنید.

مرحله اول: نصب LiteSpeed Cache

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

افزونه‌ها
> افزودن افزونه تازه

یا در نسخه انگلیسی:

Plugins
> Add New Plugin

عبارت زیر را جست‌وجو کنید:

LiteSpeed Cache

افزونه LiteSpeed Cache را نصب کرده و سپس روی فعالسازی یا Activate کلیک کنید.

مرحله دوم: بررسی Dashboard افزونه

بعد از فعال‌سازی، منوی جدیدی با عنوان:

LiteSpeed Cache

در پیشخوان وردپرس اضافه می‌شود. وارد:

LiteSpeed Cache
> Dashboard

وید. در Dashboard می‌توانید وضعیت بخش‌هایی مانند:

• Page Cache
• Object Cache
• Browser Cache
• Image Optimization

را مشاهده کنید.

مرحله سوم: فعال کردن Page Cache

مسیر زیر را باز کنید:

LiteSpeed Cache
> Cache
> Cache

گزینه Enable Cache را روی ON قرار دهید و تنظیمات را ذخیره کنید.فعال بودن این گزینه اجازه می‌دهد Pageهای سایت در Cache ذخیره شوند؛ البته همان‌ طور که گفته شد، Page Cache واقعی به پشتیبانی LiteSpeed Server نیاز دارد.

چگونه بفهمیم LiteSpeed Cache واقعاً کار می‌کند؟

برای تست، بهتر است از مرورگری استفاده کنید که داخل WordPress Login نیست. سایت را باز کرده و Developer Tools مرورگر را اجرا کنید:

F12
> Network

صفحه را Refresh کرده و اولین Request مربوط به HTML را انتخاب کنید. در Response Headers ممکن است ابتدا ببینید:

X-LiteSpeed-Cache: miss

این یعنی صفحه هنوز در Cache نبوده و اکنون Cache شده است. صفحه را یک بار دیگر Refresh کنید. اگر مشاهده کردید:

X-LiteSpeed-Cache: hit

یعنی صفحه از LSCache تحویل داده شده است. LiteSpeed این روش را برای بررسی دستی عملکرد Cache مستند کرده است.

استفاده از Presets؛ ساده‌ترین روش بهینه‌سازی

LiteSpeed Cache تعداد زیادی تنظیم دارد و فعال کردن تصادفی آن‌ها می‌تواند ظاهر یا عملکرد سایت را خراب کند. برای شروع بهتر است از:

LiteSpeed Cache
> Presets

استفاده کنید. Presetهای استاندارد فعلی شامل موارد زیر هستند:

وقتی یک Preset اعمال می‌شود، LiteSpeed ابتدا تنظیمات فعلی را Backup می‌کند و سپس Preset جدید را اعمال می‌کند. از بخش History نیز می‌توان به تنظیمات قبلی برگشت.

کدام Preset مناسب است؟

برای یک سایت معمولی بهتر است از Essentials یا Basic شروع کنید و بعد از هر تغییر سایت را کامل تست کنید.

Essentials

این Preset تنظیماتی مانند:

Default Cache
Higher TTL
Browser Cache

را فعال می‌کند و برای کاربران مبتدی کم‌ریسک‌تر است. همچنین به QUIC.cloud نیاز ندارد.

Basic

علاوه بر تنظیمات Essentials، امکاناتی مانند:

Image Optimization
Mobile Cache

را فعال می‌کند.

Advanced

تنظیماتی مانند:

CSS Minify
JS Minify
HTML Minify
JS Defer
Guest Mode
Guest Optimization

را نیز فعال می‌کند. این سطح می‌تواند Performance بهتری ایجاد کند، اما باید بعد از فعال‌سازی عملکرد Theme و Pluginها بررسی شود.

بهینه‌سازی CSS و JavaScript

برای تنظیم دستی وارد:

LiteSpeed Cache
> Page Optimization

شوید. در این بخش گزینه‌های مختلفی برای:

CSS
JavaScript
HTML
Media
Localization

وجود دارد که گزینه‌هایی مانند:

CSS Minify
JS Minify
HTML Minify

می‌توانند حجم فایل‌ها را کاهش دهند. اما تنظیماتی مانند:

CSS Combine
JS Combine
Load JS Deferred
Delay JS

ممکن است روی برخی Themeها، Page Builderها یا Pluginها باعث مشکل شوند. بنابراین به صورت کلی بهینه سازی JS و CSS توصیه نمی‌شود و در صورت نیاز بهتر است هر قابلیت را یکی‌یکی فعال کنید و پس از هر تغییر سایت را تست کنید.

فعال کردن Lazy Load تصاویر

برای Lazy Load وارد:

LiteSpeed Cache
> Page Optimization
> Media Settings

شوید. گزینه Lazy Load Images را می‌توان روی ON قرار داد. با این قابلیت تصاویر خارج از Viewport تا زمانی که کاربر به آن قسمت نرسیده باشد Load نمی‌شوند.
بعد از فعال‌سازی، صفحه اصلی و صفحات دارای تصاویر زیاد را روی Desktop و Mobile بررسی کنید.

چه تصاویری را نباید Lazy Load کنیم؟

تصاویر مهم بخش بالای صفحه، مانند:

• Logo
• Hero Image
• تصاویر Above the Fold

ممکن است بهتر باشد از Lazy Load مستثنی شوند. LiteSpeed برای این کار بخش زیر را ارائه می‌دهد:

Page Optimization
> Media Excludes

و امکان Exclude کردن تصویر بر اساس URL یا Class وجود دارد.

فعال کردن Object Cache با Redis یا Memcached

اگر Hosting شما Redis یا Memcached ارائه می‌کند، می‌توانید Object Cache را نیز فعال کنید. مسیر:

LiteSpeed Cache
> Cache
> Object

ابتدا مطمئن شوید Redis یا Memcached و PHP Extension مربوطه روی Server فعال هستند. سپس:

Object Cache: ON

و Method را روی یکی از موارد Redis یا Memcached قرار دهید. LiteSpeed Cache خودش Redis یا Memcached را نصب نمی‌کند؛ فقط به سرویس Object Cache موجود متصل می‌شود. بعد از ذخیره باید وضعیت Connection موفق باشد.

پاک کردن Cache به‌صورت دستی

LiteSpeed Cache در حالت عادی Cache را به‌صورت خودکار مدیریت می‌کند و لازم نیست مرتب Purge All انجام دهید. اگر بعد از تغییرات سایت نسخه قدیمی مشاهده می‌کنید، وارد:

LiteSpeed Cache
> Toolbox
> Purge

شوید. برای پاک کردن Page Cache سایت از:

Purge All - LSCache

استفاده کنید.

مشکل به‌هم‌ریختگی ظاهر سایت بعد از فعال کردن LiteSpeed Cache

اگر پس از فعال کردن Page Optimization ظاهر Website خراب شد، ابتدا تنظیماتی را که اخیراً فعال کرده‌اید بررسی کنید. معمولاً موارد زیر بیشتر نیاز به تست دارند:

CSS Combine
JS Combine
Load CSS Asynchronously
JS Defer
Delay JS

اگر با غیرفعال کردن یک قابلیت مشکل رفع شد، می‌توان از تنظیمات Tuning و Exclude برای جلوگیری از Optimize شدن فایل مشکل‌دار استفاده کرد. Presetهای Advanced به بالا نیز ممکن است در برخی سایت‌ها به چنین تنظیماتی نیاز داشته باشند.

جمع‌بندی

افزونه LiteSpeed Cache تنها یک افزونه ساده Cache نیست و مجموعه‌ای از ابزارهای Page Cache، CSS/JS Optimization، Image Optimization، Lazy Load، Database Optimization و Object Cache را در اختیار WordPress قرار می‌دهد.

بعد از نصب، برای شروع بهتر است ابتدا:

LiteSpeed Cache > Cache > Cache

و گزینه:

Enable Cache: ON

را بررسی کنید. سپس به‌جای فعال کردن تمام Optimizationها به‌صورت هم‌زمان، از Presetهای Essentials یا Basic شروع کنید و پس از هر مرحله عملکرد سایت را تست کنید.