افزونه WP Rocket برای تنظیم کش و برخی بهینه‌سازی‌های وردپرس استفاده میشود. امکانات، نحوه تنظیم و نکات بررسی نتیجه آن را بشناسید.
تیم همیار سایت آزمایش‌هایی را برای بررسی عملکرد افزونه راکت انجام داده است و متوجه شده ایم که زمان بارگذاری کامل وب سایت‌ها را 44 تا 61 درصد کاهش میدهد.
زمانی که متوجه اهمیت سرعت لود سایت بر افزایش سئو سایت و کاهش بانس ریت یا نرخ پرش شده باشید، افزونه راکت برای شما بسیار قابل توجه و مهم خواهد بود.
اما آیا افزونه Wp rocket برای سایت شما و موقعیت منحصر به فرد شما مناسب است؟ خوب، این یکی از سوالاتی است که در بررسی افزونه WP Rocket به آن پاسخ خواهیم داد.
افزونه WP ROCKET چه کاری انجام میدهد
ما نمیخواهیم زمان زیادی را در این مقاله از شما بگیریم زیرا میتوانید همه قابلیت‌های افزونه راکت را در وب سایت WP Rocket ببینید، اما به طور خلاصه میتوان گفت که WP Rocket یک افزونه رندر وردپرس میباشد، که هدف اصلی آن ارائه تمامی قابلیت‌هایی است که برای طراحی سایت وردپرسی با سرعت لود بالا میباشد.
از جمله قابلیت‌هایی که افزونه راکت دارد به شرح زیر میباشد:
- کش در مرورگر
- بهینه‌سازی کد (HTML، CSS، و جاوا اسکریپت)
- فشرده‌سازی Gzip
- بهینه‌سازی رسانه
- تمیز کردن پایگاه داده
- ادغام CDN
- تنظیم Heartbeat API
افزونه راکت قابلیت‌ها و گزینه‌های پیشرفته بسیاری برای تنظیم دقیق عملکرد کش مرورگر دارد، از جمله گزینه‌های از پیش تعیین شده کش و موارد دیگر که در ادامه به آن‌ها میپردازیم.
WP Rocket همچنین دارای ویژگی‌های منحصربه‌فردی است که در دیگر افزونه‌های افزایش سرعت سایت‌های وردپرسی وجود ندارد، که به نظر من همین امر وجه تمایز افزونه راکت با سایر افزونه‌ها میباشد.
یکی از جالب‌ترین ویژگی‌های افزونه راکت، گزینه Remove Unused CSS است که به شما این امکان را میدهد که CSS غیر ضروری سایت خود را صفحه به صفحه حذف کنید. در آزمایشات تیم همیار سایت، متوجه کاهش منظم اندازه صفحه
80-255 KB (بسته به موضوع / افزونه ها) شدیم.
همچنین افزونه wp rocket شامل ویژگی‌های اضافی برای اضافه کردن خودکار تاخیرهای قابل توجه در بارگیری CSS و جاوا اسکریپت است.
بررسی تست عملکردی افزونه WP ROCKET
حالا بیایید چند تست عملی اجرا کنیم تا ببینیم WP Rocket چقدر میتواند سرعت سایت‌های وردپرسی را افزایش دهد، برای انجام این کار تیم تحقیق و توسعه همیار سایت یک وب سایت وردپرسی را نصب و راه‌اندازی کرده است تا نتایج را به صورت عملی به شما مخاطبان نمایش دهد.
این وب سایت در هاستینگ مجموعه همیار سایت میزبانی میشود که سرعت نسبتا خوبی نسبت به هاست‌های اشتراکی شرکت‌های هاستینگ دارد و از صفحه ساز المنتور در طراحی این وب سایت استفاده شده.
ما WebPageTest را طوری پیکربندی کرده ایم که تست‌های جداگانه را اجرا کند و مقدار میانگین را در نظر بگیرد. سپس، با استفاده از تنظیمات پیشنهاد شده که در آموزش زیر وجود دارد، افزونه راکت را نصب و پیکربندی میکنیم. و نتیجه به این شکل رقم خورد به جدول پایین توجه کنید.
تست دکستاپ
| LCP | Fully Loaded | Size | HTTP Requests | |
|---|---|---|---|---|
| بدون افزونه راکت | 1.252 s | 1.443 s | 907 KB | 52 |
| با نصب افزونه راکت | 0.652 s | 0.568 s | 657 KB | 18 |
| عملکرد | ⬇️ 48% | ⬇️ 61% | ⬇️ 250 KB | ⬇️ 34 |
تست موبایل
| LCP | Fully Loaded | Size | HTTP Requests | |
|---|---|---|---|---|
| بدون افزونه راکت | 3.907 s | 5.327 s | 861 KB | 49 |
| با نصب افزونه راکت | 0.890 s | 3.010 s | 610 KB | 15 |
| عملکرد | ⬇️ 77% | ⬇️ 44% | ⬇️ 251 KB | ⬇️ 34 |
نتیجه گیری تست عملکردی افزونه WP ROCKET
- LCP دسکتاپ 48 درصد کاهش یافته است.
- زمان بارگذاری کامل دسکتاپ تا 61 درصد کاهش یافت.
- LCP موبایل 77 درصد کاهش یافت.
- زمان بارگذاری کامل موبایل 44 درصد کاهش یافت.
علاوه بر بهبود چشمگیر در زمان بارگذاری صفحه، به دلیل حذف CSS های غیر ضروری و جاوا اسکریپت‌ها که بسیار مورد استفاده قرار می‌گیرند، میتوانید شاهد چشم گیر حجم صفحه نیز باشید اکثر افزونه‌های دیگر افزایش سرعت لود سایت‌های وردپرسی نمی‌توانند به این کاهش بزرگ در اندازه صفحه دست یابند.
حال که متوجه شدیم افزونه راکت چه تاثیر مثبتی بر روی سرعت لود سایت شما میگذارد. اکنون در مورد نحوه پیکربندی WP Rocket برای دست یابی به نتایج بهینه صحبت خواهیم کرد.
بهترین تنظیمات افزونه راکت، نحوه پیکربندی افزونه راکت
اکنون که تست و بررسی کارایی افزونه راکت را با هم مشاهده کردیم نوبت آن فرا رسیده است که در مورد بهترین تنظیمات افزونه راکت صحبت کنیم و آن را دقیق بررسی کنیم.
در این قسمت دو مورد را بررسی خواهیم کرد.
- نحوه عملکرد افزونه راکت
- بهترین تنظیمات افزونه WP ROCKET
افزونه WP ROCKET به طور خودکار یک سری ویژگی‌ها را فعال میکند
در مرحله اول، هنگامی که WP Rocket را نصب و فعال می‌میکنید، به طور خودکار برخی از قابلیت‌های اساسی این افزونه نیز فعال خواهد شد. که آن‌ها شامل موارد زیر هستند:
- Page caching
- حافظه پنهان مرورگر
- فشرده‌سازی GZIP
- پشتیبانی از فونت‌های وب
- تشخیص خودکار برای کار با افزونه‌های محبوب (مانند WooCommerce)
برای استفاده بیشتر از WP Rocket، باید تنظیمات آن را بیشتر پیکربندی کنید، که میتوانید با رفتن به تنظیمات → WP Rocket به آن دسترسی داشته باشید.
زمانی که وارد تنظیمات افزونه راکت میشوید سربرگ‌هایی را مشاهده میکنید که در ادامه یک به یک آن‌ها را برای شما بررسی خواهیم کرد.
حافظه پنهان
تب Cache به شما کنترل بیشتری بر نحوه استفاده از صفحه میدهد. در اکثر سایت‌ها میتوانید این مورد را فعال کنید.
اگر سایت شما قابلیت‌های ویژه‌ای را برای کاربران موبایل ارائه میدهد (به عنوان مثال، یک نوار ابزار ویژه که با استفاده از جاوا اسکریپت لود میشود)، میتوانید کش جداگانه ای را برای دستگاه‌های تلفن همراه در نظر بگیرید.
حافظه پنهان برای کاربر در صورتی مفید است که محتوای صفحه مد نظر، محتوایی خاص و بدون تغییر باشد، مانند سایت‌های عضویت یا دوره‌های آنلاین. WP Rocket با این قابلیت برای هر کاربر یک کش جداگانه ایجاد میکند.
بهینه‌سازی فایل
تب File Optimization شامل چندین ویژگی برای بهینه‌سازی کدهای CSS و جاوا اسکریپت سایت شما میباشد.
در این تب شما با دو گزینه اصلی رو به رو میشوید.
- ترکیب - فایل‌های جداگانه را در یک فایل برای کاهش درخواست‌های HTTP ترکیب میکند.
- Minify - کاراکترهای غیر ضروری/فضای سفید را برای کوچک کردن اندازه فایل‌ها حذف میکند.
بعد از این دو قسمت شما با قابلیت و ویژگی‌های متفاوتی رو به رو میشوید که افزونه‌های دیگر افزایش سرعت لود سایت فاقد این قابلیت‌ها میباشند از جمله
- حذف CSS استفاده نشده – WP Rocket هر صفحه از سایت شما را اسکن میکند تا CSS استفاده نشده را حذف کند.
- اجرای تاخیری جاوا اسکریپت - بارگذاری فایل‌های جاوا اسکریپت را تا زمانی که کاربر با صفحه تعامل داشته باشد به تاخیر می‌اندازد.
- بهینه‌سازی CSS - افزونه راکت صفحات شما را اسکن میکند تا CSS حیاتی درون خطی تولید کند.
در این قسمت نحوه تنظیمات این تب را بررسی خواهیم کرد، در این قسمت تمام تنظیمات CSS را فعال کنید.
- فایل‌های CSS را کوچک کنید
- CSS استفاده نشده را حذف کنید
- ترکیب فایل‌های CSS
- کدهای CSS را بهینه کنید
و تنظیمات جاوا اسکریپت هم به شرح زیر فعال کنید
- تاخیر در اجرای جاوا اسکریپت
- بارگیری جاوا اسکریپت به تعویق افتاد
- فایل‌های جاوا اسکریپت را کوچک کنید
با توجه به تنظیمات بالا ممکن است بهم ریختگی‌هایی در وب سایت شما به وجود بیاید که افزونه راکت این هشدار را به شما خواهد داد، در صورتی که وب سایت شما با همچین مشکلاتی رو به رو شد برای بهبود این مشکل لازم است که تنظیمات افزونه راکت را یک به یک غیر فعال کنید و سپس سایت را بررسی کنید تا متوجه مشکل شوید.
به صورت کلی این مشکلات میتواند از بهینه‌سازی کدهای CSS و این لاین سی اس اس‌ها به وجود بیاید که پیشنهاد میکنیم ابتدا آن‌ها را بررسی کنید.
مدیا
تب Media به شما کمک میکند تا تصاویر و ویدیوهای سایت خود را بهینه کنید. میتوانید با لیزی لودینگ تصاویر و ویدیوها را لود کنید.
ما پیشنهاد میکنیم همه گزینه‌ها را فعال کنید به جز سازگاری با WebP، که اکثر سایت‌ها به این ویژگی نیازی ندارند:
تب Preload
با پیش بارگذاری، WP Rocket به شما این امکان را میدهد که صفحات را بدون انتظار برای بازدید کاربر در حافظه پنهان «پیش بارگذاری» کنید، با این حال، برای اکثر وب‌سایت‌ها، میتوانید تمام این تنظیمات را در حالت پیش‌فرض خود بگذارید.
قوانین پیشرفته
تب Advanced Rules به شما کنترل پیشرفته ای بر رفتار ذخیره‌سازی در حافظه پنهان میدهد. میتوانید URL ها، کوکی‌ها و عوامل کاربری خاصی را از هاست خود حذف کنید. همچنین میتوانید تعیین کنید که URLها هنگام بازخوانی یک پست/صفحه و رشته‌های جستجوی حافظه پنهان همیشه واضح باشند. یکی از کارهایی که میتوانید در بخش انجام دهید این است که صفحه حاوی فرم تماس را از فضای ذخیره‌سازی حذف کنید. گاهی اوقات ذخیره کردن میتواند باعث ایجاد مشکل در فرم‌ها شود.
دیتا بیس
تب "پایگاه داده" به شما امکان میدهد پایگاه داده خود را برای حذف هرزنامه‌های غیر ضروری مانند تغییرات پست، نظرات هرزنامه، موقت و غیره را پاک کنید.
پیشنهاد میشود قبل از تمیز کردن پایگاه داده از وب سایت یک بک آپ تهیه کنید که نکات امینی را رعایت کرده باشید و اتفاق خاصی برای وب سایتتان به وجود نیاید.
وقتی دیتا بیس را تمیز میکنید، توصیه میکنیم که همه موارد را به جز بازبینی‌ها و پیش‌نویس های خودکار علامت بزنید، مگر اینکه کاملاً مطمئن باشید که حذف همه ویرایش های پست‌تان برای شما مشکلی به وجود نمی‌آورد.
تب CDN
تب CDN به شما کمک میکند یک شبکه تحویل محتوا راه‌اندازی کنید تا زمان بارگذاری جهانی لود سایت را بهبود بخشد. این کار کاملا اختیاری میباشد. WP Rocket فقط به شما کمک میکند تا سایت خود را برای استفاده از CDN پیکربندی کنید - این افزونه شامل خود افزونه CDN نیست.
پیشنهاد میشود مقاله CDN چیست را مطالعه کنید.
شما در تب سی دی ان دو گزینه دارید.
1. میتوانید از سرویس CDN WP Rocket به نام RocketCDN استفاده کنید. هزینه آن 7.99 دلار در ماه برای پهنای باند نامحدود است.
2. میتوانید از یک سرویس CDN دیگر مانند KeyCDN، Bunny CDN، StackPath و غیره استفاده کنید. اگر از یکی از این سرویس‌ها استفاده میکنید، میتوانید URL CDN خود را در کادر CDN CNAMES جای‌گذاری کنید.
تب Heartbeat
تب Heartbeat به شما این امکان را میدهد که API قلب وردپرس را غیرفعال کنید، که این کار میتواند منابع سرور را حفظ کند. توصیه می‌کنم این تنظیمات را به‌عنوان پیش‌فرض بگذارید، همچنین در صورت تمایل میتوانید Heartbeat API را در مناطق خاصی غیرفعال کنید:
تب Add-Ons
تب Add-Ons به شما امکان میدهد به ادغام‌های داخلی WP Rocket با برخی از سرویس‌های دیگر دسترسی داشته باشید. در حال حاضر، WP Rocket سه افزونه ارائه میدهد:
Varnish – اگر میزبان/سرور وب شما از کش کردن Varnish استفاده میکند، این به شما امکان میدهد تا کش Varnish را زمانی که WP Rocket کش آن را پاک میکند، پاک کنید. Cloudflare – این به شما کمک میکند تا سایت خود را با Cloudflare یکپارچه کنید و کش Cloudflare را پاک کنید.
بهینه‌سازی تصویر
WP Rocket شامل بهینه‌سازی تصویر داخلی نمی‌شود – این تب فقط یک تبلیغ برای افزونه Imagify است. میتوانید از آن برای بهینه‌سازی تا 20 مگابایت تصاویر در ماه به صورت رایگان استفاده کنید. پس از آن، شما باید پرداخت کنید.