- درخواست‌های HTTP را به حداقل برسانید: با ترکیب چندین فایل در یک فایل، استفاده از CSS sprites و بهینه‌سازی تصاویر، تعداد درخواست‌های HTTP را کاهش دهید.
- فعال کردن فشرده سازی: فشرده سازی Gzip را فعال کنید تا حجم فایل های منتقل شده بین سرور و مرورگر را کاهش دهید.
- بهینه سازی تصاویر: فشرده سازی و بهینه سازی تصاویر برای کاهش حجم فایل بدون افت کیفیت. از قالب ها و ابعاد تصویر مناسب استفاده کنید و برای تصاویر زیر تاشو، بارگذاری تنبل را در نظر بگیرید.
- از حافظه پنهان مرورگر استفاده کنید: هدرهای کش مناسب را برای فعال کردن کش مرورگر تنظیم کنید، که به بازدیدکنندگان بازگشتی اجازه می‌دهد تا با ذخیره منابع استاتیک به صورت محلی، وب‌سایت شما را سریعتر بارگیری کنند.
- کوچک کردن CSS، جاوا اسکریپت و HTML: کاراکترها، فضای خالی و نظرات غیرضروری را از فایل‌های CSS، جاوا اسکریپت و HTML حذف کنید تا اندازه فایل آنها کاهش یابد.
- کاهش زمان پاسخگویی سرور: با بهینه‌سازی پرسش‌های پایگاه داده، استفاده از مکانیسم‌های کش، ارتقای سخت‌افزار یا برنامه‌های میزبانی در صورت لزوم، و کاهش تعداد افزونه‌ها یا اسکریپت‌های شخص ثالث، زمان پاسخ سرور را بهبود بخشید. li>
- از یک شبکه تحویل محتوا (CDN) استفاده کنید: از یک CDN برای توزیع محتوای ایستا در سرورهای متعددی که از لحاظ جغرافیایی نزدیکتر به کاربران شما هستند، استفاده کنید، تاخیر را کاهش داده و زمان بارگذاری صفحه را بهبود ببخشید.
- حذف جاوا اسکریپت و CSS مسدودکننده رندر: منابع مسدودکننده رندر که از رندر اولیه یک صفحه وب جلوگیری می‌کنند را شناسایی کنید و بارگیری آنها را به تعویق بیندازید یا به پایین صفحه منتقل کنید.
Thread Tasks در GT Metrics:GTmetrix جنبه های مختلف عملکرد وب، از جمله وظایف رشته را اندازه گیری می کند. وظایف موضوعی درخواست‌های شبکه‌ای را نشان می‌دهد که توسط مرورگر هنگام بارگیری یک صفحه وب انجام می‌شود. هر کار شامل اطلاعاتی مانند URL، کد وضعیت، زمان شروع، زمان پایان، مدت زمان و اولویت است.تجزیه و تحلیل وظایف موضوع می تواند به شناسایی تنگناها در بارگذاری صفحه وب و مناطق بالقوه برای بهینه سازی کمک کند. با بررسی زمان و ترتیب وظایف، می توانید اولویت های بارگیری منابع را بهینه کنید یا درخواست های غیر ضروری را برای بهبود عملکرد کلی حذف کنید.24 نکته برای بهینه سازی در GT Metrics:
- درخواست های HTTP را به حداقل برسانید
- فشرده سازی را فعال کنید
- بهینه سازی تصاویر
- افزایش حافظه پنهان مرورگر
- CSS، جاوا اسکریپت و HTML را کوچک کنید
- زمان پاسخگویی سرور را کاهش دهید
- از یک شبکه تحویل محتوا (CDN) استفاده کنید
- حذف جاوا اسکریپت و CSS مسدودکننده رندر
- ابعاد تصویر را مشخص کنید
- از CSS Sprites استفاده کنید
- به تعویق انداختن بارگیری جاوا اسکریپت
- به حداقل رساندن تغییر مسیرها
- CSS و جاوا اسکریپت استفاده نشده را حذف کنید
- ترکیب فایل های CSS خارجی و جاوا اسکریپت
- جلوگیری از درخواست های بد (خطای 404)
- مسیر رندر بحرانی را بهینه کنید
- Keep-Alive را فعال کنید
- از اسکریپت های ناهمزمان استفاده کنید
- منابع کلیدی را از پیش واکشی و از قبل بارگیری کنید
- بهینه سازی فونت های وب
- اندازه DOM را به حداقل برسانید
- از Document.write() اجتناب کنید
- اسکریپت ها و ابزارک های شخص ثالث را بهینه کنید
- به طور منظم بر عملکرد نظارت و تست کنید
مورد 1: تجربه افراد دیگر - وب سایت A:وب‌سایت A تکنیک‌های بهینه‌سازی توصیه شده توسط GTmetrix را پیاده‌سازی کرده است، از جمله به حداقل رساندن درخواست‌های HTTP، فعال کردن فشرده‌سازی، بهینه‌سازی تصاویر، استفاده از حافظه پنهان مرورگر، و کوچک‌سازی فایل‌های CSS، جاوا اسکریپت و HTML.در نتیجه، زمان بارگذاری صفحه وب سایت به میزان قابل توجهی کاهش یافت و تجربه کلی کاربر را بهبود بخشید و نرخ پرش را کاهش داد. این وب سایت همچنین شاهد بهبود رتبه بندی موتورهای جستجو و افزایش ترافیک ارگانیک به دلیل سرعت بارگذاری سریعتر بود.مورد 2: تجربه افراد دیگر - وب سایت B:وب‌سایت B قبل از اجرای تکنیک‌های بهینه‌سازی GTmetrix، زمان بارگذاری صفحه آهسته و نرخ پرش بالا را تجربه می‌کرد.وب سایت B پس از انجام مراحل توصیه شده کاهش زمان پاسخگویی سرور، فعال کردن فشرده سازی، استفاده از حافظه پنهان مرورگر و حذف منابع مسدودکننده رندر، بهبود قابل توجهی را در معیارهای عملکرد مشاهده کرد.میانگین زمان بارگذاری صفحه وب سایت تا 40 درصد کاهش یافت که منجر به افزایش تعامل کاربر، مدت زمان جلسات طولانی تر و نرخ تبدیل بالاتر شد.
