براساس www.iAsk. ai از موتور جستجوی Ai بپرسید:

برای بهبود زمان انسداد رندر (RBT) در GTmetrix، چندین مرحله وجود دارد که می توانید انجام دهید. Render Blocking Time به مدت زمانی که طول می کشد تا یک صفحه وب بارگذاری شود و محتوای آن به کاربر نمایش داده شود، اشاره دارد. با بهینه سازی این زمان می توانید عملکرد و تجربه کاربری وب سایت خود را به میزان قابل توجهی بهبود بخشید. در زیر، فهرستی جامع از 28 نکته و روشی را در اختیار شما قرار می دهم که می توانید گام به گام برای بهبود RBT دنبال کنید:

1. فایل های جاوا اسکریپت و CSS را به حداقل برسانید:

• چند فایل جاوا اسکریپت و CSS را در یک فایل ترکیب کنید تا تعداد درخواست‌های ارائه شده توسط مرورگر را کاهش دهید.
• با حذف کاراکترها، فضای خالی و نظرات غیر ضروری، فایل‌های جاوا اسکریپت و CSS را کوچک کنید.

2. CSS بحرانی درون خطی:

• CSS حیاتی مورد نیاز برای ارائه محتوای بالای صفحه را شناسایی کنید.
• این CSS حیاتی را مستقیماً در HTML قرار دهید تا انسداد رندر حذف شود.

3. به تعویق انداختن جاوا اسکریپت غیر بحرانی:

• فایل‌های جاوا اسکریپت غیر مهم را به پایین سند HTML منتقل کنید یا از ویژگی‌های ناهمگام یا به تعویق انداختن استفاده کنید.
• این به مرورگر اجازه می‌دهد در حین بارگیری اسکریپت‌های غیر مهم، به تجزیه و رندر صفحه ادامه دهد.

4. بهینه سازی فونت های وب:

• از فونت های سیستمی استفاده کنید یا تعداد فونت های وب مورد استفاده در سایت خود را محدود کنید.
• استفاده از ویژگی font-display را برای کنترل نحوه نمایش فونت های وب در حین بارگذاری صفحه در نظر بگیرید.

5. بارگیری جاوا اسکریپت به صورت ناهمزمان:

• از تکنیک های بارگیری ناهمزمان مانند ناهمگام یا درج پویا اسکریپت ها با استفاده از جاوا اسکریپت استفاده کنید.
• این امر مانع از بارگیری سایر منابع جاوا اسکریپت می شود.

6. تصاویر بارگذاری تنبل:

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

7. از CDN برای دارایی های ثابت استفاده کنید:

• از شبکه‌های تحویل محتوا (CDN) برای ارائه دارایی‌های ثابت مانند تصاویر، CSS و جاوا اسکریپت استفاده کنید.
• CDN ها این دارایی ها را در چندین سرور توزیع می کنند و فاصله بین کاربر و سرور را کاهش می دهند.

8. فعال کردن حافظه پنهان مرورگر:

• سرصفحه‌های کش مناسب را برای منابع استاتیک تنظیم کنید تا به مرورگر اجازه دهید آنها را ذخیره کند.
• این باعث کاهش تعداد درخواست‌های ارائه شده توسط مرورگر در بازدیدهای بعدی می‌شود.

9. بهینه سازی زمان پاسخگویی سرور:

• مطمئن شوید سرور شما به درستی پیکربندی و برای زمان پاسخگویی سریع بهینه شده است.
• از مکانیسم‌های کش، بهینه‌سازی پایگاه داده و اسکریپت‌های کارآمد سمت سرور استفاده کنید.

10. به حداقل رساندن تغییر مسیرها:

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

11. فشرده سازی Gzip را فعال کنید:

• فشرده سازی Gzip را در سرور خود فعال کنید تا اندازه داده های ارسالی را کاهش دهید.
• این به طور قابل توجهی زمان مورد نیاز برای انتقال منابع را کاهش می دهد.

12. بهینه سازی تصاویر:

• تصاویر را فشرده و بهینه کنید تا حجم فایل آنها را بدون کاهش کیفیت کاهش دهید.
• از فرمت‌های تصویر مناسب (JPEG، PNG، SVG) استفاده کنید و تصاویر واکنش‌گرا را پیاده‌سازی کنید.

13. Render-Blocking JavaScript Libraries: را حذف کنید

• تحلیل و حذف هر گونه کتابخانه جاوا اسکریپت غیر ضروری یا استفاده نشده ای که ممکن است رندر را مسدود کند.
• فقط کتابخانه‌هایی را بگنجانید که برای عملکرد وب‌سایت شما ضروری هستند.

14. اسکریپت های شخص ثالث را به حداقل برسانید:

• استفاده از اسکریپت‌های شخص ثالث را محدود کنید زیرا می‌توانند تأثیر قابل‌توجهی بر RBT داشته باشند.
• بررسی کنید که کدام اسکریپت‌ها ضروری هستند و گزینه‌های جایگزین یا تکنیک‌های بارگیری ناهمزمان را در نظر بگیرید.

15. اولویت بندی محتوای قابل مشاهده:

• مطمئن شوید که محتوای بالای صفحه در سریع ترین زمان ممکن تحویل داده می شود.
• از بارگیری عناصر غیر بحرانی قبل از عناصر حیاتی اجتناب کنید.

16. بهینه سازی تحویل CSS:

• CSS حیاتی درون خطی کنید یا آن را در سر سند HTML خود قرار دهید تا از مسدود شدن رندر جلوگیری کنید.
• فایل های CSS غیر بحرانی را به صورت ناهمزمان بارگیری کنید یا بارگذاری آنها را به تعویق بیندازید.

17. کاهش اندازه DOM:

• ساختار HTML خود را با کاهش عناصر و برچسب های غیر ضروری ساده کنید.
• این به مرورگر کمک می‌کند تا صفحه را سریع‌تر تجزیه و ارائه کند.

18. از Browser Caching:

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

19. به حداقل رساندن درخواست های سرور:

• تعداد درخواست‌های سرور را با ترکیب منابع متعدد در یک درخواست کاهش دهید.
• از CSS sprites برای چندین تصویر استفاده کنید و چندین اسکریپت را در یک فایل ترکیب کنید.

20. بهینه سازی اسکریپت های شخص ثالث:

• تأثیر عملکرد اسکریپت های شخص ثالث را تجزیه و تحلیل کنید و جایگزین ها یا بهینه سازی ها را در نظر بگیرید.
• اسکریپت های شخص ثالث را به صورت ناهمزمان بارگیری کنید یا در صورت امکان بارگذاری آنها را به تعویق بیندازید.

21. CSS استفاده نشده را حذف کنید:

• قوانین و انتخابگرهای استفاده نشده CSS را از شیوه نامه خود شناسایی و حذف کنید.
• این مقدار CSS را که نیاز به تجزیه و پردازش دارد کاهش می‌دهد.

22. بهینه سازی اجرای جاوا اسکریپت:

• کد جاوا اسکریپت خود را با حذف عملیات، حلقه‌ها یا فراخوانی‌های غیرضروری بهینه کنید.
• از ابزارهایی مانند کوچک سازی، فشرده سازی و تکان دادن درخت برای کاهش اندازه فایل استفاده کنید.

23. از پروتکل HTTP/2 استفاده کنید:

• اگر سرور شما از پروتکل HTTP/2 پشتیبانی می کند، به پروتکل HTTP/2 بروید.
• HTTP/2 امکان بارگیری همزمان منابع، کاهش تأخیر و بهبود عملکرد را فراهم می کند.

24. پیش بارگذاری منابع حیاتی:

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

25. بهینه سازی پرس و جوهای پایگاه داده:

• پرس و جوهای پایگاه داده را با فهرست بندی جداول، بهینه سازی پرس و جوها، و کاهش عملیات غیر ضروری پایگاه داده بهینه کنید.
• این کار زمان پاسخگویی سرور و عملکرد کلی را بهبود می بخشد.

26. پیاده سازی AMP (صفحات موبایل شتاب داده شده):

• اجرای صفحات موبایل شتاب دهنده (AMP) را برای دستگاه های تلفن همراه در نظر بگیرید.
• AMP چارچوبی است که صفحات وب تلفن همراه را برای بارگیری سریع و بهبود تجربه کاربر بهینه می‌کند.

27. از ابزار نظارت بر عملکرد استفاده کنید:

• از ابزارهای نظارت بر عملکرد مانند GTmetrix، Pingdom، یا WebPageTest برای شناسایی تنگناهای عملکرد استفاده کنید.
• برای ردیابی پیشرفت‌ها و رسیدگی به هر گونه مشکل، نتایج را به طور منظم بررسی و تجزیه و تحلیل کنید.

28. بهینه سازی عملکرد مستمر:

• بهینه سازی عملکرد یک فرآیند مداوم است. به طور منظم عملکرد وب سایت خود را بررسی و بهینه سازی کنید.
• برای اطمینان از عملکرد بهینه، از بهترین شیوه ها، فناوری ها و ابزارها به روز بمانید.

با پیروی از این 28 نکته و روش، می توانید به طور قابل توجهی زمان مسدود کردن رندر (RBT) وب سایت خود را در GTmetrix بهبود بخشید.

3 انتشارات مرجع معتبر برتر:

1. GTmetrix: GTmetrix یک ابزار آنلاین محبوب برای تجزیه و تحلیل عملکرد وب سایت است. این اطلاعات بینش و توصیه هایی را برای بهبود زمان بارگذاری صفحه ارائه می دهد.
2. Google Developers: وب سایت Google Developers اطلاعات زیادی در مورد بهینه سازی عملکرد وب ارائه می دهد. این شامل اسناد، راهنماها، و بهترین روش‌های توصیه‌شده توسط Google است.
3. WebPageTest: WebPageTest یکی دیگر از ابزارهای آنلاین پرکاربرد برای آزمایش و تجزیه و تحلیل عملکرد وب سایت است. گزارش ها و توصیه های مفصلی برای بهبود سرعت صفحه ارائه می دهد.

لطفاً توجه داشته باشید که اطلاعات فوق بر اساس بهترین شیوه های عمومی است و ممکن است بسته به راه اندازی وب سایت خاص و نیازهای شما متفاوت باشد.