رفع خطای Minimize request size در gtmetrix

آموزش بهبود سرعت سایت با GTmetrix – رفع خطاهای PageSpeed

درود بر شما دوستان عزیز، از مجموعه مقالات آموزش بهینه سازی PageSpeed سایت با GTmetrix در خدمت شما هستیم، قصد داریم در این دوره وب‌سایتی بهینه توسط ابزارهای آنلاین تست سرعت سایت مثل جی تی متریکس یا Pagespeed گوگل ایجاد کنیم. در جلسات قبل درباره رفع ارور Minify CSS ، رفع ارور Minify JavaScript و همچنین رفع ارور Minify HTML صحبت کردیم. در این جلسه قصد داریم درباره خطای Minimize request size و حل آن در GTmetrix صحبت کنیم. رفع ارور Minimize request size برای افزایش سرعت سایت و بهینه سازی لود شما بسیار حائز اهمیت خواهد بود و از طرفی رفع این مشکل باعث رفع مشکلات دیگری هم خواهد شد که در ادامه به بررسی و تشریح آن می‌پردازیم، پس ما میزفا همراه باشید.

خلاصه‌ی از خطا Minimize request size

خطای Minimize request size در PageSpeed چیست

معمولا در هر صفحه از سایت تعدادی فایل (عکس‌ها، استایل‌ها، فایل‌های جاوا اسکریپت و …) استفاده شده است ، برای دریافت هر کدام از این فایل‌ها مرورگر مجبور است یک درخواست به سمت سرور ارسال کند ، رد و بدل این درخواست‌ها توسط مرورگر و سرور نیاز به زمان زیادی دارد و اگر تعداد فایل‌ها زیاد باشید به مراتب تعداد درخواست‌ها بیشتر می‌شود و طبیعتا درگیری سرور هم بالا می‌رود، این موضوع شاید در سایت‌های کم بازدید خیلی محسوس نباشد ولی وقتی بازدیدکننده سایت بالا باشد قطعا رفع ارور Minimize request size قدم بزرگی در بهینه سازی سایت چه در سمت سرور و چه در سمت کاربر خواهد کرد.

حال اگر با ارور Minimize request size در  GTMetrix برخورد کردید نشان از این است که تعداد درخواست‌ها برای بارگذاری عکس‌ها، فایل‌های CSS یا جاوا اسکریپت و… به سرور ارسال می‌گردد، باید کاهش پیدا کند. چنین خطاهایی مخصوصا در CMS های رایگان بسیار رایج است چرا که سازنده قالب برای بالا بردن انعطاف‌پذیری قالب خود ناگزیر است استایل‌ها و فایل‌های جداگانه‌ای تعریف کند مثلا برای راست‌چین کردن قالب، کدهای آن را در rtl.css قرار می‌دهد درحالی که در اکثر سایت‌هایی که طراحی سایت آن به شکل اختصاصی صورت می‌گیرد و دارای CMS اختصاصی هستند چنین مواردی کمتر دیده می‌شود البته این موضوع به معنی ضعف CMSهای رایگان نیست و با کمی مدیریت و بهینه سازی قالب می‌توان این مشکل را به راحتی رفع نمود.

combine external javascript and css

رفع خطای Minimize request size

روش‌های مختلفی را می‌توان برای فایل‌ها اجرا کرد تا ارور Minimize request size رفع شود، ادغام فایل‌ها، ایجاد لود تنبل فایل‌ها و یا حذف فایل‌های اضافی از مهم‌ترین روش‌ها برای رفع این خطا است.

• بهینه سازی عکس برای خطای Minimize request size

  یکپارچه سازی تصاویر و ادغام آنها یکی از مهم‌ترین فاکتورها در بهبود خطای Minimize request size است. یکی از بهترین روش‌ها برای ادغام تصاویر ٰcss sprites  است و ما در مقاله رفع خطای Combine images using CSS sprites به تشریح درباره این خطا صبحت کردیم و پیشنهاد می‌شود برای رفع ارور Minimize request size مقاله اشاره شده را حتما بخوانید.
  همچنین شما می‌توانید از لود تنبل برای عکس‌ها (Images Lazy Loading) نیز استفاده کنید تا تعداد درخواست‌های همزمان نیز به شدت کاهش یابد، روش Lazy Load اگر برای عکس‌ها فعال شوید به این شکل است که کاربرها صرفا عکس‌هایی را لود می‌کنند که در صفحه مانیتور آنها قابل مشاهده است و مثلا عکس‌های موجود در پایین سایت را در مرورگر خود لود نمی‌کنند مگر با اسکرول به سمت پایین صفحه بروند و آن زمان درخواست برای بارگذاری عکس به سمت سرور ارسال می‌شود، روش لود تنبل باعث کاهش چشمگیری از درخواست‌های اولیه برای لود یک صفحه می‌شود. برای فعال‌سازی این قابلیت در سایت خود کافی است بسته به نوع کدنویسی و CMS خود در گوگل جستجو کنید. مثلا lazy load Plugin WordPress یا lazy load Plugin Joomla یا اگر CMS اختصاصی دارید براساس نوع زبان نوشته شده سایت خود جستجو را انجام دهید مثلا lazy load PHP Example یا lazy load ASP.NET MVC

• بهینه سازی فایل‌های استایل و جاوااسکریپت برای خطای Minimize request size

  روش‌هایی مشابه همانند عکس برای فایل‌های CSS و JS نیز وجود دارد اگر از CMS اختصاصی استفاده می‌کنید بهترین است به طراح سایت خود این موضوع را به اشتراک بگذارید و از او بخواهید برای رفع این خطا اقدام کند ولی اگر از CMSهای رایگان استفاده می‌کنید افزونه های مختلفی برای یکپارچه سازی و ادغام فایل های سایت شما وجود دارد. افزونه وردپرس Autoptimize جدا از رفع ارور Minify CSS ، رفع ارور Minify JavaScript و همچنین رفع ارور Minify HTML، خطای Minimize request size را هم می‌تواند برطرف کند، این افزونه با ادغام کردن فایل‌های CSS با هم و همینطور ادغام کردن فایل‌های JS با هم باعث کاهش تعداد این فایل‌ها شده و در نتیجه باعث کاهش تعداد درخواست‌ها هم نیز می‌شود. البته باید توجه داشته باشید که بعد از فعال‌سازی این امکان سایت شما ظاهر خود را نگه‌داشته باشد چرا که گاهی ممکن است ادغام فایل‌ها باعث تداخل و بهم‌ریختی سایت شود.
  افزونه وردپرس WP Rocket نیز تمام امکانات افزونه Autoptimize را نیز دارد بعلاوه می‌تواند حالت لود تنبل را برای عکس‌ها نیز محیا کند. یکی دیگر از روش‌های کاهش درخواست و برای رفع مشکل Minimize request size استفاده از اتریبیوت‌های defer و یا async در تگ جاوا اسکریپت است که با افزونه وردپرس WP Rocket  نیز چنین امکانی فراهم شده است.
  پس به شکل خلاصه برای بهینه سازی فایل‌های استایل و جاوا اسکریپت می‌توانید فایل‌ها را ادغام کنید حال اگر مشاهده کردید این روش برای سایت شما مناسب نیست (مثلا باعث بهم‌ریختگی می‌شود) از روش دوم یعنی استفاده از اتریبیوت‌های defer و یا async است، ما در پست رفع خطای Defer parsing of JavaScript درباره روش دوم صحبت کرده‌ایم.

• حذف فایل های اضافه برای رفع خطای Minimize request size

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

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

• استفاده از روش inline برای منابع

  اگر توجه کرده باشید طبق عکس زیر می‌توانید به جای ایجاد فایل جاوااسکریپت خارجی، به روش inline از آنها استفاده نمایید که باعث کاهش تعداد درخواست یا همان Minimize request size می‌شود، البته توجه داشته باشید که باید یک سری شرایط را رعایت نمایید، برای اینکه این روش را به شکل اصولی برای فایل‌های CSS و JS و حتی عکس‌ها انجام دهید مقاله جذاب رفع خطای Inline small CSS and JavaScript را مطالعه نمایید.

  

  inline small css and js

مقاله‌های زیر می‌تواند باعث بهبود خطای Minimize request size شود، پس حتما مطالعه فرمایید.

• رفع خطای Serve resources from a consistent URL
• رفع خطای Combine images using CSS sprites
• رفع خطای Inline small CSS and JavaScript
• رفع خطای Defer parsing of JavaScript
• رفع خطای Enable Keep Alive

با اجرای روش‌های گفته شده به راحتی مشکل Minimize request size برای شما حل می‌شود. امیدواریم در این آموزش‌ها که باعث بالا بردن سرعت سایت و در نتیجه بهبود سئو داخلی می‌شود، کمک شایانی کرده باشیم، اگر سوالی داشتید حتما در انجمن سایت میزفا مطرح کنید. این جلسه از آموزش GTmetrix که مربوط به رفع ارور Minimize request size بود، هم به پایان رسید در جلسه بعد به معرفی خطای Optimize images در PageSpeed گوگل می‌پردازیم. با ما همراه باشید.