آموزش توسعه کارایی وب سایت ها

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با توسعه کارایی وب سایت ها یاد می گیرید.

عنوان اصلی : Developing for Web Performance

سرفصل ها :

معرفی :
عملکرد چیست و چرا اینقدر مهم است؟
1. عملکرد وب: مقدمه:
عملکرد و بهینه سازی وب چیست؟
چگونه عملکرد را اندازه گیری کنیم؟
چرا عملکرد مهم است؟
2. مبانی عملکرد وب:
مرورگرها چگونه محتوا را ارائه می کنند
HTTP/2 و مالتی پلکسی
تنگناها
ذخیره سازی
الگوی PRPL
3. ایجاد بودجه عملکرد:
بودجه عملکرد چیست؟
ایجاد یک بودجه عملکرد واقعی
مقصران رایج و گرازهای عملکرد
4. بهینه سازی تصاویر:
تصاویر عامل اصلی کندی وب هستند
کیفیت تصویر مهم است
هک مقیاس بندی تصویر
گزینه های قالب تصویر
بهینه سازی دستی تصویر
بهینه سازی خودکار تصویر
تصاویر واکنش گرا
تصاویر با بارگذاری تنبل
5. نشانه گذاری و محتوا:
بهینه سازی خودکار جاوا اسکریپت و CSS
بسته‌بندی جاوا اسکریپت در مقابل ماژول‌ها
بارگیری جاوا اسکریپت: Async و به تعویق انداختن
ماژول های جاوا اسکریپت با بارگذاری تنبل با import()
کوچک کردن و زشت کردن جاوا اسکریپت
CSS بحرانی
به تعویق انداختن CSS غیر بحرانی
بارگیری CSS مبتنی بر مؤلفه
6. فونت های وب:
فونت های وب می توانند عملکرد مهمی داشته باشند
بهینه سازی تحویل فونت وب شخص ثالث
بهینه سازی تحویل فونت وب خود میزبان
فونت های متغیر برای نجات؟
فونت های وب با بودجه عملکردی
7. بهینه سازی تحویل:
فشرده سازی داده ها با Gzip و Brotli
فشار سرور
پیش بارگیری در مقابل واکشی اولیه
کش مرورگر
CDN ها
نتیجه :
متشکرم