اگر یک اسکریپت شخص ثالث سرعت بارگذاری صفحه شما را کاهش می دهد ، دو گزینه برای بهبود عملکرد دارید:
- اگر ارزش واضحی به سایت شما اضافه نکرد، آن را حذف کنید.
- فرآیند بارگذاری را بهینه کنید.
این پست نحوه بهینه سازی فرآیند بارگذاری اسکریپت های شخص ثالث را با تکنیک های زیر توضیح می دهد:
- با استفاده از ویژگی
async
یاdefer
در تگ های - ایجاد ارتباطات اولیه با مبداهای مورد نیاز
- بارگذاری تنبل
- بهینه سازی نحوه ارائه اسکریپت های شخص ثالث
از async
یا defer
استفاده کنید
از آنجا که اسکریپت های همزمان ساخت و رندر DOM را به تاخیر می اندازند، همیشه باید اسکریپت های شخص ثالث را به صورت ناهمزمان بارگیری کنید، مگر اینکه اسکریپت قبل از رندر شدن صفحه اجرا شود.
ویژگیهای async
و defer
به مرورگر میگویند که میتواند در حین بارگذاری اسکریپت در پسزمینه به تجزیه HTML ادامه دهد، سپس اسکریپت را پس از بارگیری آن اجرا کند. به این ترتیب، دانلودهای اسکریپت ساخت DOM یا رندر صفحه را مسدود نمیکند و به کاربر اجازه میدهد قبل از بارگیری تمام اسکریپتها صفحه را ببیند.