آموزش رفع خطا Make fewer HTTP requests در وردپرس
یکی از معیارهای مهم در بهینه‌سازی سرعت سایت، تعداد درخواست‌های HTTP است که مرورگر هنگام بارگذاری صفحه به سرور ارسال می‌کند. هر بار که فایل CSS، جاوااسکریپت، تصویر یا فونت خاصی در سایت شما لود می‌شود، یک درخواست جدید به سرور ارسال خواهد شد.
افزایش تعداد این درخواست‌ها باعث می‌شود صفحات دیرتر بارگذاری شوند، امتیاز عملکرد سایت در ابزارهایی مانند GTmetrix یا Google PageSpeed Insights کاهش پیدا کند و در نهایت تجربه کاربری و سئوی سایت آسیب ببیند.
خطای Make fewer HTTP requests به همین موضوع اشاره دارد؛ یعنی باید تعداد فایل‌هایی که مرورگر برای بارگذاری صفحه از سرور درخواست می‌کند را کاهش دهید. در ادامه، روش‌های مؤثر برای رفع این خطا و بهینه‌سازی عملکرد سایت وردپرسی را بررسی می‌کنیم.
1. ترکیب کردن فایل‌های CSS
هر افزونه یا قالب در وردپرس معمولاً فایل‌های CSS جداگانه‌ای دارد. اگر ده‌ها فایل CSS در صفحه لود شود، ده‌ها درخواست HTTP به سرور ارسال می‌گردد.
با ترکیب کردن فایل‌های CSS می‌توانید تمام این فایل‌ها را در یک فایل فشرده ادغام کنید تا فقط یک درخواست برای آن‌ها ارسال شود.
روش انجام کار:
از افزونه‌هایی مانند Autoptimize یا JCH Optimize استفاده کنید.
در تنظیمات آن‌ها گزینه‌ی Combine CSS files را فعال کنید.
در نهایت، کش مرورگر را پاک کرده و مجدد سرعت سایت را بررسی کنید.
نکته: اگر از قالب‌های پیچیده یا صفحه‌سازهایی مانند المنتور استفاده می‌کنید، بررسی کنید که ترکیب فایل‌ها باعث تداخل ظاهری در استایل سایت نشود.
2. ترکیب کردن فایل‌های JavaScript
درست مانند فایل‌های CSS، فایل‌های جاوااسکریپت نیز می‌توانند درخواست‌های زیادی ایجاد کنند. برخی از این فایل‌ها توسط هسته وردپرس، برخی توسط افزونه‌ها و برخی دیگر توسط قالب بارگذاری می‌شوند.
با ترکیب فایل‌های JS می‌توانید تعداد این درخواست‌ها را کاهش دهید و سرعت بارگذاری صفحات را بالا ببرید.
افزونه‌های پیشنهادی:
Autoptimize
BWP Minify
JCH Optimize
این افزونه‌ها علاوه بر ترکیب، فایل‌های JS را فشرده (minify) می‌کنند که خود باعث کاهش حجم انتقال داده‌ها نیز می‌شود.
3. بهینه‌سازی استفاده از تصاویر و عناصر گرافیکی
تصاویر بخش مهمی از طراحی سایت هستند اما هر تصویر یک درخواست HTTP جدید ایجاد می‌کند. استفاده‌ی بیش از حد از تصاویر یا آیکون‌ها در صفحات می‌تواند سرعت سایت را به شدت کاهش دهد.
توصیه‌ها:
فقط از تصاویر ضروری استفاده کنید.
اندازه تصاویر را قبل از آپلود کاهش دهید (مثلاً با ابزار TinyPNG).
از فرمت‌های مدرن مثل WebP استفاده کنید که حجم کمتری دارند.
تصاویر تکراری را به‌صورت sprite ترکیب کنید (به‌ویژه در آیکون‌ها).
4. تبدیل تصاویر کوچک به کد Base64
یکی از روش‌های جالب برای کاهش درخواست‌ها، تبدیل برخی تصاویر کوچک (مثلاً آیکون‌ها یا لوگوهای کم‌حجم) به کد Base64 است. در این روش، تصویر به صورت مستقیم درون فایل CSS یا HTML قرار می‌گیرد و دیگر نیازی به بارگذاری جداگانه از سرور ندارد.
ابزار پیشنهادی:
[Base64 File Encoder] یا ابزارهای مشابه آنلاین
نکته: از این روش فقط برای تصاویر با حجم پایین استفاده کنید، زیرا اگر تصاویر بزرگ را به Base64 تبدیل کنید، باعث افزایش حجم کلی صفحه می‌شود.
5. کاهش تعداد افزونه‌های نصب‌شده
هر افزونه ممکن است فایل‌های CSS یا JS خود را به سایت اضافه کند. زمانی که تعداد افزونه‌ها زیاد می‌شود، حجم و تعداد درخواست‌ها نیز افزایش می‌یابد.
راهکار:
فقط افزونه‌های ضروری را نگه دارید.
افزونه‌هایی که استفاده نمی‌کنید را غیرفعال یا حذف کنید.
در صورت امکان، از افزونه‌های چندمنظوره استفاده کنید تا چند قابلیت را با هم ارائه دهند.
6. محدود کردن دکمه‌ها و اسکریپت‌های شبکه‌های اجتماعی
دکمه‌های اشتراک‌گذاری شبکه‌های اجتماعی مانند فیسبوک، اینستاگرام، توییتر یا لینکدین، معمولاً از سرورهای خارجی فایل‌های JS و CSS بارگذاری می‌کنند. هر دکمه می‌تواند چند درخواست HTTP به‌همراه داشته باشد.
راهکار:
فقط چند دکمه‌ی مهم را نگه دارید (مثلاً واتساپ، تلگرام، اینستاگرام).
از نسخه‌های محلی (local) آیکون‌ها استفاده کنید.
یا تصاویر آیکون‌ها را به Base64 تبدیل کنید تا بدون درخواست جداگانه نمایش داده شوند.
جمع‌بندی
آموزش رفع خطا Make fewer HTTP requests در وردپرس
خطای Make fewer HTTP requests یکی از موارد رایج در گزارش‌های سرعت سایت است. این خطا به شما یادآوری می‌کند که تعداد فایل‌هایی که در هر بار بارگذاری صفحه از سرور درخواست می‌شوند، بیش از حد است.
با ترکیب فایل‌ها، حذف موارد غیرضروری، فشرده‌سازی منابع و استفاده‌ی هوشمندانه از تصاویر، می‌توانید سرعت سایت وردپرسی خود را به‌طور چشمگیری افزایش دهید و تجربه‌ی بهتری برای کاربران خود فراهم کنید.
سایت‌های فروشگاهی معمولاً تصاویر، اسکریپت‌ها و فایل‌های زیادی دارند (مثل محصولات، اسلایدر، سبد خرید، افزونه‌های پرداخت و غیره)، بنابراین بهینه‌سازی سرعت و کاهش درخواست‌های HTTP در آن‌ها اهمیت خیلی بیشتری دارد. بنابراین پس از خرید سایت فروشگاهی آماده حتما به این موضوع هم توجه ویژه ای داشته باشید.
