در این مقاله آموزشی دوبست با نحوه رفع خطای Make fewer HTTP requests در YSlow سایت GTmetrix آشنا خواهید شد.
کاستن از درخواست‌های HTTP به میزان بالایی در افزایش سرعت سایت و بهبود سئو موثر می‌باشد.
ما اینجا چگونگی کاهش این درخواست‌ها را می‌آموزیم و با این کار خطای سایت GTmetrix را رفع خواهیم کرد.
مقدمه ای درباره‌ی خطای Make fewer HTTP requests
در این مقاله با مفهوم و منظور از این اررور آشنا خواهید شد.
در اکثر مواقع تنها با خواندن و عمل کردن به این مقاله این خطا برطرف خواهد شد.
ولی در بعضی مواقع ممکن است برطرف کردن این خطا نیاز به دانش برنامه نویسی داشته باشد.
اما سعی ما بالابردن دانش شما و کمک به رفع خطای Make fewer HTTP requests می‌باشد.
حال با این اررور آشنا شده و خواهیم آموخت چگونه کاهش این قبیل درخواست‌ها باعث بهبود سرعت سایت و سئو خواهد شد.
توضیحی مختصر درباره‌ی Make fewer HTTP requests
اولویت: پایین
میزان سختی: راحت
میانگین امتیاز: 99%
درخواست‌های HTTP چیست؟
در سایت GTmetrix خطای کاهش درخواست‌ها در Yslow را با Make fewer HTTP requests نمایش می‌دهد.
در اینجا واژه fewer معنی کمتر و واژه request معنی درخواست را می‌دهد.
بنابراین این خطا به ما می‌گوید درخواست HTTP کمتری بسازیم.
هر سه عبارت زیر معنای یکسانی دارند:
- Reduce HTTP requests
- Minimize HTTP requests
- Make fewer HTTP requests
زمانی که می‌خواهیم سایت خاصی را باز کنیم و آدرس سایت را در مرورگر میزنیم، ابتدا مرورگر درخواستی را جهت پیدا کردن آی.پی سایت به ISPهای منطقه و جهانی ارسال می‌کند.
درصورت باز بودن پورت‌ها و دریافت پاسخ، مرورگر تعدادی درخواست HTTP می‌فرستد تا ئرصورت پاسخ سرور، سایت را برای کاربر باز کند.
نخستین بایت از پاسخ ارسالی سرور به مرورگر کاربر را Time to First Byte (TTFB) می‌نامند.
افزایش تعداد درخواست‌های HTTP رابطه مستقیم با افزایش زمان لود سایت خواهد داشت.
این امر موجب ظاهر شدن خطای Make fewer HTTP requests در GTmetrix خواهد شد.
این درخواست‌های HTTP میتواند عکس‌ها، پرونده‌های جاوااسکریپت (JS)، پرونده‌های استایل سی اس اس (CSS) و … را دربر بگیرد.
یک راه پیشنهادی بای کاهش درخواست‌ها ادغام اصولی فایل‌ها خواهد بود.
خیلی به ندرت پیش می‌آید که خطای Make fewer HTTP requests برای سایتی سبز رنگ باشد.
دلیل آن هم رفع خطاهای زیادی برای برطرف کردن این اررور است.
ما در زیر به مواردی که بر تعداد درخواست‌های HTTP تاثیر خواهد گذاشت، اشاره می‌کنیم.
اررور های مرتبط با درخواست‌های HTTP
-
خطای Enable Keep Alive
در صورت غیرفعال بودن Keep Alive، مرورگر کاربر در آن واحد نمی‌تواند بیش از یک فایل را درخواست کند.
در این صورت هر بار مرورگر کاربر برای دریافت هر فایل باید درخواست جداگانه‌ای را به سمت سرور بفرستد.
با این عمل زمان زیادی جهت لود تمامی فایل‌ها از بین می‌رود.
با فعال کردن Keep Alive درخواست‌های HTTP بهبود می‌یابد و اجازه می‌دهد هر درخواست، چند درخواست دیگر را هم در بر بگیرد.
-
خطای Minimize request size
این خطا دقیقا همان خطای Make fewer HTTP requests هست تنها با اسمی دیگر.
تنها فرق اصلی آن‌ها این است که Minimize request size برای گوگل ولی fewer HTTP requests برای یاهو می‌باشد.
اما در اکثر سایت‌های بررسی تست سرعت می‌بینید برخلاف Minimize request size اررور fewer HTTP قرمز است.
اما در صورت کلی با بررسی و رفع خطای Minimize request size معمولا خطای fewer HTTP نیز برطرف خواهد شد.
-
خطای Leverage browser caching
فعال بودن کش، کمک شایانی به کاهش درخواست‌های HTTP خواهد کرد، البته نه در اولین بازدید از سایت شما.
عکس‌ها و فایل‌های مشترک زیادی در صفحات مختلف سایت شما وجود دارد.
اگر کاربر بخواهد داخل سایتتان وبگردی کند باید کش را به گونه‌ای تنظیم کنید که نیاز نباشد هربار مرورگر، درخواستی مجدد برای فایل یکسان به سرور بفرستد.
با اینکار مرورگر قبل از ارسال درخواست HTTP ابتدا به کش محلی Local خود توجه می‌کند.
در صورت وجود کش فایل مورد نظر، از کش محلی استفاده کرده و درخواست مشابه را به سمت سرور نمی‌فرستد.
-
خطای Defer parsing of JavaScript
مرورگر کاربر زمان لود شدن سایت بایستی تمامی فایل‌های جاوا اسکریپت JS را خوانده و محتوای آن را پردازش کند.
به علت زمان‌بر بودن این کار بهتر است در انتهای صفحه فایل‌های جاوا اسکریپت JS ما فراخوانی شود.
با اینکار مدت زمان لود نخست سایت کاهش خواهد یافت.
در صورتی که غیر این باشد، تعداد بالای درخواست‌های HTTP، موجب درگیر شدن بیشتر سرور و کاهش سرعت سایت می‌شود.
-
خطای Inline small CSS and JavaScript
خطا مربوط به قرار دادن فایل‌های CSS و یا JS با حجم کوتاه درون یک خط می‌باشد.
کلمه inline به قرار دادن فایل‌های CSS کوچک در یک خط اشاره دارد.
می‌توان نتیجه گرفت که منظور ادغام فایل‌های CSS و یا JS کوتاه است.
رفع این خطا بسیار موثر در رفع خطای Make fewer HTTP requests خواهد بود.
-
خطای Combine images using CSS sprites
تعداد بالای عکس‌های کوچک در داخل سایت باعث افزایش تعداد درخواست‌های HTTP و درگیری بیشتر سرور خواهد شد.
حال ما به کمک CSS sprites با ترکیب عکس‌های کوچک در یک عکس و اعلام مختصات عکس توسط CSS ، بخش‌های مختلف عکس را در محل های مختلف قرار می‌دهیم.
با اینکار عکس ما یک بار فراخوانی می‌شود اما در بخش های مختلف پوسته استفاده می‌شود.
اینکار موجب کاهش درخواست‌های HTTP و بنابراین افزایش سرعت و بهبود سئو سایت خواهد شد.
-
خطای Serve resources from a consistent URL
در زمانی که دو عکس یکسان با دو آدرس مختلف بارگذاری شود، شاهد این خطا خواهید بود.
این امر نیز موجب افزایش درخواست‌های HTTP و گرفتار شدن بیشتر سرور خواهد شد.
ما باید با یکی کردن آدرس‌ها، موجب کاهش درخواست‌های HTTP شویم.
-
سایر موارد که موجب کاهش درخواست‌های HTTP می‌شود
- بهری گیری از CDNها
- کمک گرفتن از تکنیک لود تنبل فایل‌ها Lazy Load
- غیر فعال کردن یا حذف کلی پلاگین، کد یا اسکریپت غیر کاربردی در سایت
- تعویض پلاگین، کد یا اسکریپتی که تعداد بالایی درخواست HTTP ارسال می‌کند
پلاگینی کاربردی جهت کاهش درخواست‌های HTTP
در زیر برخی از پلاگین‌های وردپرس که در پروسه رفع خطای Make fewer HTTP requests می‌توانند کاربردی باشند، ذکر شده است:
- WP Rocket
- Autoptimize
- JCH Optimize
- W3 Total Cache
- WP Super Minify
- LiteSpeed Cache
- PageSpeed Ninja
- WP Fastest Cache
- Speed Booster Pack
به پایان مقاله آموزشی رفع خطای Make fewer HTTP requests در YSlow سایت GTmetrix رسیده‌ایم.
امیدواریم با کمک این مقاله آموزش و کاهش درخواست‌های HTTP سایت خود، توانسته باشید علاوه بر بهبود سرعت سایت خود، موجب بهبود سئو وبسایت شده باشید.
