چطور درخواست های HTTP را در وردپرس کاهش دهیم؟
یکی از مهم‌ترین فاکتورهای سرعت سایت، تعداد درخواست‌های HTTP است. هرچه این درخواست‌ها کمتر باشند، سایت سریع‌تر لود می‌شود و نمره PageSpeed Insights بهبود پیدا می‌کند. در این مقاله یاد می‌گیرید که چگونه درخواست های HTTP را کاهش دهید و سایت وردپرسی خود را بهینه کنید.
درخواست HTTP چیست و چرا مهم است؟
وقتی یک کاربر وارد سایت شما می‌شود، مرورگر او درخواست‌هایی به سرور ارسال می‌کند تا فایل‌های مورد نیاز مثل HTML، CSS، JavaScript، تصاویر، فونت‌ها و… را دریافت کند. هرچه تعداد این درخواست ها بیشتر باشد، زمان بارگذاری سایت افزایش پیدا می‌کند.
هدف ما: کاهش تعداد این درخواست‌ها تا حد ممکن، بدون افت کیفیت سایت.
روش‌های کاهش درخواست‌های HTTP در وردپرس
۱. ترکیب فایل‌های CSS و JavaScript
هر بار که مرورگر یک فایل CSS یا JavaScript جدید درخواست کند، یک درخواست HTTP اضافه ایجاد می‌شود. می‌توان این فایل‌ها را ترکیب کرد تا تعداد درخواست ها کاهش پیدا کند.
🔹 راهکار: استفاده از افزونه‌هایی مثل WP Rocket یا Autoptimize برای ترکیب و فشرده‌سازی CSS و JavaScript.
۲. حذف فایل‌های اضافی و غیرضروری
بسیاری از قالب‌ها و افزونه‌ها فایل های CSS و JS غیرضروری بارگذاری می‌کنند که می‌توان آن‌ها را حذف یا غیرفعال کرد.
🔹 راهکار:
- با استفاده از افزونه Asset CleanUp یا Perfmatters، فایل‌های غیرضروری را غیرفعال کنید.
- بررسی کنید که آیا همه فونت‌ها و اسکریپت هایی که لود می‌شوند، واقعاً مورد نیاز هستند یا نه.
۳. استفاده از Lazy Load برای تصاویر و ویدیوها
بارگذاری هم‌زمان تمام تصاویر و ویدیوهای یک صفحه باعث ایجاد درخواست های HTTP زیاد می‌شود. با Lazy Loading، این فایل‌ها فقط زمانی که کاربر به آن بخش از صفحه رسید، لود می‌شوند.
🔹 راهکار:
- در وردپرس ۵.۵ به بعد Lazy Load به‌صورت پیش فرض فعال است، اما برای بهینه تر شدن می‌توانید از افزونه های مثل WP Rocket استفاده کنید.
۴. استفاده از Font Display: Swap برای فونت‌های گوگل
اگر در سایت شما از فونت های گوگل استفاده شده، این فونت‌ها درخواست های HTTP جدیدی ایجاد می‌کنند که باعث تأخیر در لود شدن صفحه می‌شود.
🔹 راهکار:
- استفاده از Font Display: Swap برای جلوگیری از بلاک شدن رندر صفحه:
@font-face {
font-family: 'CustomFont';
src: url('font.woff2') format('woff2');
font-display: swap;
}۵. استفاده از CDN برای کاهش درخواست‌های سرور اصلی
CDN یا شبکه توزیع محتوا باعث می‌شود که فایل های استاتیک سایت شما از سرورهای نزدیک به کاربر بارگذاری شوند، در نتیجه درخواست‌های HTTP روی سرور اصلی کاهش پیدا می‌کند.
🔹 راهکار:
- استفاده از CDN هایی مثل Cloudflare، BunnyCDN یا StackPath.
- در WP Rocket گزینه CDN را فعال کنید.
۶. استفاده از کش مرورگر برای کاهش درخواست‌های تکراری
اگر کش مرورگر فعال باشد، فایل های CSS، JavaScript و تصاویر در مرورگر کاربر ذخیره می‌شوند و هنگام مراجعه مجدد، نیازی به ارسال دوباره درخواست HTTP نیست.
🔹 راهکار:
- در htaccess. این کد را اضافه کنید:
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>- استفاده از افزونه WP Rocket برای تنظیم کش مرورگر.
۷. حذف ایموجی‌های وردپرس
وردپرس به صورت پیش فرض یک فایل جاوا اسکریپت برای ایموجی ها بارگذاری می‌کند که معمولاً نیازی به آن ندارید.
🔹 راهکار:
اضافه کردن این کد به فایل functions.php برای حذف ایموجی ها:
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');.حذف اسکریپت‌های ایموجی از هدر برای بهینه‌سازی سرعت سایت در وردپرس
افزایش سرعت سایت با بهینه‌سازی درخواست‌های HTTP
کاهش تعداد درخواست های HTTP یکی از مهم‌ترین مراحل برای بهینه سازی سرعت سایت وردپرس است. اگر می‌خواهید سایت شما در کمترین زمان ممکن بارگذاری شود و نمره PageSpeed Insights شما بهبود یابد، پیشنهاد می‌کنیم از خدمات افزایش سرعت سایت ما در پول با گوگل استفاده کنید.
🔹 همین حالا سایت خود را بهینه کنید و تجربه ای سریع‌تر به کاربران ارائه دهید! 🚀
