چگونه درخواست‌های HTTP را در وردپرس کاهش دهیم؟

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

در این مقاله از وب آنجل، روش‌های مؤثر و عملی برای کاهش درخواست‌های HTTP در وردپرس (Reduce HTTP Requests in WordPress) و افزایش سرعت و عملکرد وب‌سایت را بررسی می‌کنیم. کاهش درخواست‌های HTTP یعنی کمتر کردن تعداد فایل‌هایی که مرورگر برای بارگذاری یک صفحه وب از سرور می‌خواهد. هر چیزی مثل تصاویر، فایل‌های CSS و JavaScript یک درخواست جداگانه به سرور می‌فرستد. اگر تعداد این درخواست‌ها زیاد باشد، سرعت بارگذاری سایت کم می‌شود.

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

هر صفحه وب‌سایت وردپرسی شامل عناصر متعددی است، مانند:

• تصاویر
• فایل‌های CSS و جاوا اسکریپت
• ویدیوها
• اسکریپت‌های خارجی (مانند Google Analytics یا ویجت‌های شبکه‌های اجتماعی)

وقتی بازدیدکننده‌ای وارد یک صفحه می‌شود، مرورگر باید این عناصر را به‌صورت جداگانه بارگذاری کند. اگر وب‌سایت شما شامل تعداد زیادی فایل یا منابع خارجی باشد، زمان بارگذاری افزایش می‌یابد و در نتیجه:

• سرعت وب‌سایت کاهش می‌یابد.
• بازدیدکنندگان ممکن است وب‌سایت را پیش از بارگذاری کامل ترک کنند.
• بر اساس تحقیق Strange Loop، حتی یک ثانیه تأخیر می‌تواند منجر به:
  • کاهش 7 درصدی تبدیل‌ها
  • کاهش 11 درصدی بازدیدها
  • کاهش 16 درصدی رضایت مشتری شود.

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

چگونه درخواست‌های HTTP را شناسایی کنیم؟

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

شناسایی درخواست‌های HTTP در مرورگر

برای مثال، در مرورگر Google Chrome می‌توانید ابزارهای توسعه‌دهنده را با رفتن به مسیر View » Developer » Inspect باز کنید. همچنین می‌توانید روی صفحه کلیک راست کرده و گزینه «Inspect» را از منو انتخاب کنید. سپس به تب Network بروید. صفحه را مجدداً بارگذاری کنید تا لیستی از تمامی منابع بارگذاری‌شده، از جمله درخواست‌های داخلی و خارجی HTTP، نمایش داده شود.

استفاده از ابزارهای مرورگر برای شناسایی درخواست‌های HTTP خارجی

برای مشاهده فقط درخواست‌های HTTP خارجی، می‌توانید از فیلتر 3rd-party requests استفاده کنید. اگر می‌خواهید فقط نوع خاصی از فایل‌ها که ممکن است بر زمان بارگذاری تأثیر بگذارد (مانند فایل‌های جاوا اسکریپت یا CSS) را مشاهده کنید، می‌توانید از دکمه‌های موجود در بالای لیست برای فیلتر کردن استفاده کنید.

به فایل‌هایی که بارگذاری آنها کند است، توجه کنید. می‌توانید در ستون Time زمان لازم برای بارگذاری هر منبع را مشاهده کنید. سپس با کلیک روی عنوان این ستون، لیست را مرتب کنید. با کلیک مجدد، فایل‌هایی که کندترین زمان بارگذاری را دارند، در بالای لیست قرار می‌گیرند.

شناسایی منبع درخواست‌ها

وقتی به ستون چهارم با نام Initiator نگاه می‌کنید، گاهی اوقات نام افزونه یا قالبی که فایل را بارگذاری کرده است، مشاهده خواهید کرد. هرگونه افزونه یا قالبی که فایل‌های کند بارگذاری می‌کند را یادداشت کنید.

استفاده از ابزارهای شخص ثالث

می‌توانید از ابزارهای شخص ثالث مانند Pingdom برای دریافت گزارش دقیق‌تر استفاده کنید. برای اطلاعات بیشتر، می‌توانید راهنمای ما در مورد چگونگی ردیابی درخواست‌های دامنه‌های شخص ثالث در وردپرس را بررسی کنید.

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

پس از شناسایی درخواست‌ها، از روش‌های زیر برای کاهش آنها استفاده کنید که به بهبود سرعت بارگذاری، تجربه کاربری بهتر، و رتبه‌بندی بالاتر در موتورهای جستجو منجر می‌شود:

1. ترکیب فایل‌های CSS و JavaScript
2. بارگذاری تنبل تصاویر و ویدیوها (Lazy Load)
3. استفاده از سیستم توزیع محتوا (CDN)
4. استفاده از کش مرورگر (Browser Caching)
5. به حداقل رساندن استفاده از منابع خارجی
6. فعال‌سازی فشرده‌سازی Gzip (پیشنهاد ویژه)

حالا بیایید شروع کنیم!

1. ترکیب فایل‌های CSS و JavaScript

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

چگونه ترکیب فایل‌ها به بهبود عملکرد کمک می‌کند؟

• CSS: به‌جای داشتن چندین فایل CSS برای بخش‌های مختلف طراحی، همه آنها را در یک فایل واحد ادغام کنید.
• JavaScript: چندین فایل جاوا اسکریپت را ترکیب کرده و در یک فایل واحد ذخیره کنید.

این روش به کاهش تعداد درخواست‌ها و بهبود عملکرد کمک می‌کند، در حالی که عملکرد سایت حفظ می‌شود.

ابزارها و افزونه‌های وردپرس برای ترکیب فایل‌ها

شما می‌توانید از افزونه‌های وردپرس استفاده کنید تا این فرآیند را به‌صورت خودکار انجام دهید. برخی از افزونه‌های محبوب عبارت‌اند از:

1. WP Rocket (پریمیوم)
   • ترکیب و کمینه‌سازی فایل‌های CSS و JavaScript
   • ارائه گزینه‌های پیشرفته برای مدیریت فایل‌ها و بهبود سرعت
2. Autoptimize (رایگان)
   • ترکیب و بهینه‌سازی فایل‌های CSS و JavaScript
   • فشرده‌سازی و کاهش اندازه فایل‌ها برای بهبود سرعت

کمینه‌سازی (Minify) فایل‌ها برای کاهش حجم

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

مزایای کمینه‌سازی:

• کاهش اندازه فایل‌ها
• کاهش داده‌هایی که مرورگر باید دانلود کند
• بهبود سرعت بارگذاری صفحات

WP Rocket: افزونه‌ای مانند WP Rocket می‌تواند به‌طور هم‌زمان ترکیب و کمینه‌سازی فایل‌های شما را انجام دهد، که منجر به افزایش قابل‌توجه سرعت سایت می‌شود.

نتیجه‌گیری: چرا ترکیب فایل‌ها اهمیت دارد؟

• کاهش تعداد درخواست‌های HTTP
• کاهش حجم فایل‌ها
• بهبود تجربه کاربری با افزایش سرعت بارگذاری

2. بارگذاری تنبل (Lazy Load) تصاویر و ویدیوها

بارگذاری تنبل یک روش عالی برای بهینه‌سازی بارگذاری صفحات وب‌سایت است، به‌ویژه اگر صفحات شما دارای تصاویر و ویدیوهای زیادی باشند. این تکنیک با تأخیر در بارگذاری فایل‌های رسانه‌ای تا زمانی که کاربر به آن‌ها برسد، به‌طور قابل‌توجهی زمان بارگذاری اولیه صفحه را کاهش می‌دهد.

چرا بارگذاری تنبل مهم است؟

• در حالت پیش‌فرض، وردپرس تمام فایل‌های رسانه‌ای (حتی آن‌هایی که در پایین صفحه قرار دارند) را پیش از نمایش کامل صفحه بارگذاری می‌کند.
• این فرآیند زمان بارگذاری اولیه را افزایش می‌دهد.
• بارگذاری تنبل با تأخیر در دانلود فایل‌های غیرضروری، سرعت بارگذاری اولیه را افزایش می‌دهد و پهنای باند مصرفی را کاهش می‌دهد.

نحوه فعال‌سازی بارگذاری تنبل در وردپرس

1. استفاده از WP Rocket:
   • به تنظیمات افزونه WP Rocket بروید.
   • گزینه Lazy Load را برای تصاویر و ویدیوها فعال کنید.
2. افزونه‌های رایگان دیگر:
   • از افزونه‌هایی مانند Lazy Load by WP Rocket یا Smush استفاده کنید.
   • این افزونه‌ها به‌راحتی بارگذاری تنبل را برای تصاویر، ویدیوها، و حتی گراواتارهای نظرات فعال می‌کنند.

منابع مفید:

• آموزش فعال‌سازی بارگذاری تنبل برای تصاویر و ویدیوها
• بارگذاری تنبل گراواتارها در نظرات وردپرس

3. استفاده از سیستم توزیع محتوا (CDN)

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

CDN چگونه کار می‌کند؟

• به‌جای اینکه تمام فایل‌ها از یک سرور اصلی بارگذاری شوند، یک CDN نسخه‌هایی از فایل‌های وب‌سایت شما را در سرورهای مختلف در سراسر جهان ذخیره می‌کند.
• وقتی کاربری از وب‌سایت بازدید می‌کند، فایل‌ها از نزدیک‌ترین سرور به موقعیت جغرافیایی کاربر بارگذاری می‌شوند.

مزایای استفاده از CDN

• کاهش تأخیر (Latency)
• بهبود سرعت بارگذاری صفحات برای کاربران
• کاهش بار روی سرور اصلی

پیشنهاد:

• Cloudflare: یکی از محبوب‌ترین سرویس‌های CDN که رایگان و قدرتمند است.
• می‌توانید از راهنمای ما برای تنظیم Cloudflare CDN رایگان در وردپرس استفاده کنید.

4. استفاده از کش مرورگر (Browser Caching)

کش مرورگر یکی از مؤثرترین روش‌ها برای کاهش تعداد درخواست‌های HTTP، به‌ویژه برای کاربران بازگشتی، است.

کش مرورگر چگونه کار می‌کند؟

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

تنظیم زمان انقضا برای کش مرورگر

• با تنظیم هدرهای Expires می‌توانید زمان انقضای فایل‌ها را مشخص کنید.
• هدرهای Expires به مرورگر می‌گویند چه زمانی فایل کش‌شده قدیمی شده و نیاز به دانلود مجدد از سرور دارد.

چگونه کش مرورگر را فعال کنیم؟

1. اگر از WP Rocket استفاده می‌کنید، تنظیمات مربوط به کش مرورگر را فعال کنید.
2. برای تنظیم دستی، کد زیر را به فایل .htaccess اضافه کنید:

نتیجه‌گیری: چرا این روش‌ها مهم هستند؟

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

5. به حداقل رساندن استفاده از منابع خارجی

استفاده از منابع خارجی مانند اسکریپت‌ها، فایل‌های استایل، یا فونت‌ها می‌تواند تعداد درخواست‌های HTTP را افزایش داده و باعث کندی وب‌سایت شما شود. در حالی که برخی از این منابع ضروری هستند، بهینه‌سازی و کاهش استفاده از آنها می‌تواند به بهبود سرعت وب‌سایت کمک کند.

چگونه درخواست‌های منابع خارجی را کاهش دهیم؟

1. غیرفعال کردن افزونه‌ها و قالب‌های غیرضروری:
   • افزونه‌ها یا قالب‌هایی که استفاده نمی‌کنید را حذف کنید.
   • هر افزونه یا قالبی که فایل‌های اضافی از منابع خارجی بارگذاری می‌کند را بررسی و جایگزین کنید.
2. یافتن جایگزین برای افزونه‌ها و قالب‌های کند:
   • از افزونه‌ها و قالب‌هایی که بهینه‌تر هستند و فایل‌های کمتری بارگذاری می‌کنند، استفاده کنید.
   • جایگزین‌های سریع‌تر: افزونه‌هایی با تأکید بر بهینه‌سازی و کاهش منابع اضافی.
3. انتخاب افزونه‌های بهینه:
   • افزونه‌هایی را انتخاب کنید که کمترین تعداد اسکریپت‌ها و استایل‌ها را بارگذاری می‌کنند.
   • پیش از نصب، بررسی کنید که آیا افزونه موردنظر منابع خارجی زیادی مصرف می‌کند یا خیر.
4. استفاده از ابزار مدیریت افزونه‌ها:
   • ابزارهایی مانند Plugin Organizer به شما امکان می‌دهند افزونه‌ها را فقط در صفحاتی که نیاز دارید بارگذاری کنید.
   • این کار به جلوگیری از بارگذاری غیرضروری در سایر صفحات کمک می‌کند.

کاهش بارگذاری فونت‌های خارجی

فونت‌های سفارشی (مانند Google Fonts) می‌توانند تعداد زیادی درخواست HTTP به سرورهای خارجی ارسال کنند.

1. محدود کردن فونت‌های خارجی:
   • تعداد خانواده فونت‌ها و وزن‌های آنها را کاهش دهید.
   • از بارگذاری غیرضروری فونت‌های سبک‌ها و وزن‌هایی که استفاده نمی‌کنید، جلوگیری کنید.
2. استفاده از فونت‌های سیستم:
   • فونت‌های سیستم (System Fonts) به‌طور پیش‌فرض روی دستگاه کاربران نصب شده‌اند و نیازی به بارگذاری ندارند.
   • این تغییر می‌تواند سرعت وب‌سایت شما را به‌ویژه برای کاربران با اینترنت کند، بهبود بخشد.

💡 تجربه وب آنجل: ما با تغییر به فونت‌های سیستم، توانستیم سرعت بارگذاری صفحات را به‌ویژه برای کاربران با اتصال اینترنت ضعیف افزایش دهیم.

6. نکته اضافی: فعال‌سازی فشرده‌سازی Gzip

فشرده‌سازی Gzip یک روش مؤثر برای کاهش اندازه فایل‌هایی است که به مرورگر کاربران ارسال می‌شود.

چرا Gzip مهم است؟

• اندازه فایل‌های CSS، JavaScript، و HTML را کاهش می‌دهد.
• فرآیند انتقال داده‌ها بین سرور و مرورگر را سریع‌تر می‌کند.
• بهبود سرعت بارگذاری وب‌سایت بدون تغییر در عملکرد فایل‌ها.

چگونه Gzip را فعال کنیم؟

1. افزونه‌های وردپرس:
   • افزونه‌هایی مانند WP Rocket یا W3 Total Cache امکان فعال‌سازی Gzip را به‌راحتی فراهم می‌کنند.
2. تنظیم دستی در .htaccess:
   کد زیر را به فایل .htaccess وب‌سایت خود اضافه کنید:

پیشنهاد ویژه وب آنجل

💡 اگر به نظر شما بهینه‌سازی درخواست‌های HTTP و سرعت وب‌سایت پیچیده است، می‌توانید این کار را به متخصصان ما بسپارید! خدمات بهینه‌سازی سرعت وب‌سایت وب آنجل شامل بررسی دقیق و بازسازی عملکرد سایت شماست. امروز یک مشاوره رایگان بگیرید!

سؤالات متداول درباره درخواست‌های HTTP و HTTPS