💡 مشاوره

مارک پلاس

تکنولوژی نوین اینترنتی

کاهش درخواست‌های HTTP وردپرس

کاهش درخواست‌های HTTP وردپرس
کاهش درخواست‌های HTTP وردپرس

کاهش درخواست‌های HTTP در وردپرس یکی از روش‌های موثر برای بهینه‌سازی سرعت و عملکرد سایت است. هر درخواست HTTP به سرور می‌تواند منجر به بارگذاری مجدد منابع مختلف (مانند تصاویر، فایل‌های CSS، جاوااسکریپت و غیره) شده و زمان بارگذاری صفحه را افزایش دهد. کاهش این درخواست‌ها می‌تواند به بهبود تجربه کاربری و رتبه‌بندی SEO کمک کند.

در اینجا چند روش موثر برای کاهش درخواست‌های HTTP در وردپرس آورده شده است:

1️⃣ استفاده از فایل‌های ترکیب‌شده (Minify) برای CSS و JavaScript

ترکیب و فشرده‌سازی فایل‌های CSS و JavaScript می‌تواند تعداد درخواست‌های HTTP را کاهش دهد. به جای بارگذاری چندین فایل CSS و JS، می‌توانید آن‌ها را در یک فایل ترکیب کنید و بارگذاری کنید.

افزونه‌های پیشنهادی:

  • Autoptimize: این افزونه می‌تواند فایل‌های CSS و JavaScript شما را ترکیب و فشرده‌سازی کند.

  • W3 Total Cache: افزونه‌ای جامع برای کش کردن و بهینه‌سازی منابع سایت، که به شما امکان ترکیب و فشرده‌سازی CSS و JavaScript را می‌دهد.

نحوه استفاده از Autoptimize:

  1. افزونه Autoptimize را نصب و فعال کنید.

  2. به تنظیمات → Autoptimize بروید.

  3. گزینه‌های "Optimize JavaScript Code" و "Optimize CSS Code" را فعال کنید.

  4. تنظیمات را ذخیره کنید.

2️⃣ استفاده از بارگذاری تنبل (Lazy Load) برای تصاویر

بارگذاری تنبل (Lazy Load) به این معناست که تصاویر فقط زمانی بارگذاری می‌شوند که در بالای صفحه نمایان شوند. این کار باعث کاهش تعداد درخواست‌های HTTP در ابتدای بارگذاری صفحه می‌شود.

افزونه‌های پیشنهادی:

  • Lazy Load by WP Rocket: این افزونه برای بارگذاری تنبل تصاویر در وردپرس طراحی شده است.

  • a3 Lazy Load: افزونه‌ای دیگر برای بارگذاری تنبل تصاویر، ویدئوها و iframe‌ها.

نحوه فعال‌سازی Lazy Load در وردپرس:

  1. وارد پیشخوان وردپرس شوید.

  2. به تنظیمات → رسانه‌ها بروید.

  3. گزینه Lazy load for images را فعال کنید.

3️⃣ استفاده از CDN (شبکه توزیع محتوا)

شبکه‌های توزیع محتوا (CDN) منابع سایت شما را در سرورهای مختلف در سراسر جهان ذخیره می‌کنند، به طوری که بازدیدکنندگان از نزدیک‌ترین سرور به آن‌ها محتوا را بارگذاری می‌کنند. این کار تعداد درخواست‌های HTTP را کاهش می‌دهد و سرعت بارگذاری سایت را افزایش می‌دهد.

افزونه‌های پیشنهادی:

  • Cloudflare: یک CDN رایگان است که علاوه بر افزایش سرعت، امنیت سایت را نیز بهبود می‌بخشد.

  • Jetpack: این افزونه هم CDN برای تصاویر و فایل‌ها را ارائه می‌دهد.

نحوه فعال‌سازی Cloudflare:

  1. به وب‌سایت Cloudflare بروید و حساب کاربری بسازید.

  2. دامنه خود را به Cloudflare اضافه کنید.

  3. تنظیمات DNS را برای اتصال به سرورهای Cloudflare به‌روزرسانی کنید.

  4. بعد از راه‌اندازی، تمامی درخواست‌های HTTP به CDN Cloudflare هدایت خواهند شد.

4️⃣ بهینه‌سازی فونت‌های وب

فونت‌های وب می‌توانند تعداد زیادی درخواست HTTP ایجاد کنند. برای بهینه‌سازی این مورد، شما می‌توانید:

  • فقط فونت‌هایی را که استفاده می‌کنید، بارگذاری کنید.

  • تعداد وزن‌ها و سبک‌های فونت را کاهش دهید.

نحوه بهینه‌سازی فونت‌ها:

  1. استفاده از فونت‌های Google به صورت بهینه: برای بارگذاری فونت‌های Google، فقط وزن‌ها و سبک‌هایی را که نیاز دارید انتخاب کنید.

  2. فونت‌ها را با استفاده از Font-display: swap بارگذاری کنید تا کاربر بتواند متن را بدون تأخیر مشاهده کند.

5️⃣ استفاده از کش مرورگر (Browser Caching)

کش مرورگر باعث می‌شود که مرورگر کاربر منابع سایت را برای مدت زمان مشخصی ذخیره کند. این کار موجب می‌شود که در بازدیدهای بعدی، منابع سایت نیازی به بارگذاری مجدد نداشته باشند.

نحوه تنظیم کش مرورگر:

  1. فایل .htaccess یا wp-config.php را ویرایش کنید.

  2. به فایل .htaccess کد زیر را اضافه کنید تا کش مرورگر فعال شود:

apache
# Cache images, CSS, and JS for 1 month
<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault "access plus 1 month"
    ExpiresByType image/jpg "access plus 1 month"
    ExpiresByType image/jpeg "access plus 1 month"
    ExpiresByType image/gif "access plus 1 month"
    ExpiresByType image/png "access plus 1 month"
    ExpiresByType text/css "access plus 1 month"
    ExpiresByType application/javascript "access plus 1 month"
</IfModule>

این کد به مرورگر می‌گوید که فایل‌های تصویری، CSS و JavaScript را برای یک ماه ذخیره کند.

6️⃣ حذف یا غیرفعال کردن اسکریپت‌ها و استایل‌های غیرضروری

وردپرس و افزونه‌ها ممکن است به طور پیش‌فرض اسکریپت‌ها و استایل‌هایی را بارگذاری کنند که شما به آن‌ها نیازی ندارید. حذف یا غیرفعال کردن این منابع اضافی می‌تواند تعداد درخواست‌های HTTP را کاهش دهد.

نحوه حذف اسکریپت‌ها و استایل‌های اضافی:

  1. از افزونه Asset CleanUp یا Perfmatters استفاده کنید.

  2. این افزونه‌ها به شما این امکان را می‌دهند که اسکریپت‌ها و استایل‌ها را بر اساس صفحات خاص غیرفعال کنید.

7️⃣ استفاده از فایل‌های CSS و JS درون‌خطی (Inline)

اگر چندین فایل CSS یا JS دارید که به طور مکرر در صفحات مختلف بارگذاری می‌شوند، بهتر است این فایل‌ها را به صورت درون‌خطی (inline) در HTML قرار دهید. این کار می‌تواند تعداد درخواست‌های HTTP را کاهش دهد.

نحوه درون‌خطی کردن CSS و JS:

  • برای CSS: می‌توانید فایل‌های CSS مهم را مستقیماً در تگ <style> داخل فایل HTML خود قرار دهید.

  • برای JavaScript: برای اسکریپت‌های کوچک، می‌توانید آن‌ها را به صورت درون‌خطی در تگ <script> قرار دهید.

8️⃣ بهینه‌سازی تصاویر

یکی از بزرگ‌ترین منابع درخواست‌های HTTP در وردپرس، تصاویر هستند. برای کاهش تعداد درخواست‌ها می‌توانید از تکنیک‌های بهینه‌سازی تصاویر استفاده کنید.

روش‌های بهینه‌سازی تصاویر:

  • فشرده‌سازی تصاویر: از ابزارهایی مانند Smush یا Imagify برای فشرده‌سازی و بهینه‌سازی تصاویر استفاده کنید.

  • استفاده از فرمت‌های جدیدتر: فرمت‌هایی مانند WebP که حجم کمتری دارند و کیفیت بالاتری را ارائه می‌دهند.

📌 جمع‌بندی

کاهش درخواست‌های HTTP در وردپرس با استفاده از روش‌هایی مانند ترکیب فایل‌های CSS و JS، بارگذاری تنبل، استفاده از CDN، کش مرورگر، و حذف اسکریپت‌های غیرضروری می‌تواند سرعت سایت شما را به طور قابل توجهی بهبود بخشد و تجربه کاربری بهتری ایجاد کند.

اگر سوالی دارید یا نیاز به کمک بیشتر دارید، خوشحال می‌شوم که کمک کنم! 🚀