دوره آموزشی توسعه برای عملکرد وب
2 ساعت 26 دقیقهپیشرفته2021-04-02
مدرسین

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
عملکرد سایت خیلی مهمه! سایتهای سریعتر باعث افزایش وفاداری، رضایت و ماندگاری بیشتر کاربران میشن، بهویژه روی گوشیهای موبایل. توی این دوره یاد میگیرید چطور وبسایتها و اپلیکیشنهایی بسازید که از ابتدا برای عملکرد بهینه طراحی شده باشند. از اونجایی که بیشتر مشکلات سرعت به ارتباط بین مرورگر و سرور (که توی دنیای HTTP اتفاق میفته) برمیگرده، مربی ارشد Morten Rand-Hendriksen در این دوره، پروتکل HTTP/2 رو توضیح میده که برای توسعهدهندگان وب امکانات فوقالعادهای برای بهبود عملکرد داره.
Morten همچنین توضیح میده چطور با ایجاد بودجه عملکرد واقعی تیم خودتون رو روی عملکرد سایت متمرکز کنید. به شما نحوه بهینهسازی تصاویر (که یکی از منابع زیادی استفادهکننده هستن)، کدها و کش کردن فایلها رو یاد میده و چطور تحویل سرور و مدیریت مرورگر رو بهینه کنید. علاوه بر این، نحوه بهینهسازی CSS و JavaScript و استفاده از شبکه تحویل محتوا (CDN) برای سرعت بخشیدن به زمان دانلود رو هم میگه. با پایان این دوره، اطلاعات پایهای برای ساخت سایتها و اپلیکیشنهایی که در عصر وب سریع میدرخشن رو به دست میارید.
اهداف یادگیری:
🔹 درک پروتکل HTTP/2 برای بهبود عملکرد وب
🔹 ایجاد بودجه عملکرد برای تیمها
🔹 بهینهسازی تصاویر، کدها و فایلها
🔹 استفاده از کش کردن فایلها برای سرعت بخشیدن به بارگذاری
🔹 بهینهسازی CSS و JavaScript
🔹 استفاده از شبکه تحویل محتوا (CDN) برای افزایش سرعت دانلود
🔹 مدیریت و بهینهسازی تحویل سرور و مدیریت مرورگر
Morten همچنین توضیح میده چطور با ایجاد بودجه عملکرد واقعی تیم خودتون رو روی عملکرد سایت متمرکز کنید. به شما نحوه بهینهسازی تصاویر (که یکی از منابع زیادی استفادهکننده هستن)، کدها و کش کردن فایلها رو یاد میده و چطور تحویل سرور و مدیریت مرورگر رو بهینه کنید. علاوه بر این، نحوه بهینهسازی CSS و JavaScript و استفاده از شبکه تحویل محتوا (CDN) برای سرعت بخشیدن به زمان دانلود رو هم میگه. با پایان این دوره، اطلاعات پایهای برای ساخت سایتها و اپلیکیشنهایی که در عصر وب سریع میدرخشن رو به دست میارید.
اهداف یادگیری:
🔹 درک پروتکل HTTP/2 برای بهبود عملکرد وب
🔹 ایجاد بودجه عملکرد برای تیمها
🔹 بهینهسازی تصاویر، کدها و فایلها
🔹 استفاده از کش کردن فایلها برای سرعت بخشیدن به بارگذاری
🔹 بهینهسازی CSS و JavaScript
🔹 استفاده از شبکه تحویل محتوا (CDN) برای افزایش سرعت دانلود
🔹 مدیریت و بهینهسازی تحویل سرور و مدیریت مرورگر
مهارت ها
HTMLCSSFull-Stack Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - عملکرد چیست و چرا اینقدر مهم است
1. عملکرد وب مقدمه
- 02 - عملکرد و بهینه سازی وب چیست
- 03 - چگونه عملکرد را اندازه گیری کنیم
- 04 - چرا عملکرد مهم است
2. مبانی عملکرد وب
- 05 - مرورگرها چگونه محتوا را ارائه می دهند
- 06 - HTTP 2 و مالتی پلکسی
- 07 - تنگناها
- 08 - ذخیره سازی
- 09 - الگوی PRPL
3. ایجاد یک بودجه عملکرد
- 10 - بودجه عملکرد چیست
- 11 - ایجاد یک بودجه عملکرد واقعی
- 12 - مجرمان معمولی و گرازهای عملکرد
4. بهینه سازی تصاویر
- 13 - تصاویر عامل اصلی کندی وب هستند
- 14 - کیفیت تصویر مهم است
- 15 - هک مقیاس بندی تصویر
- 16 - گزینه های فرمت تصویر
- 17 - بهینه سازی دستی تصویر
- 18 - بهینه سازی خودکار تصویر
- 19 - تصاویر واکنش گرا
- 20 - تصاویر با بارگذاری تنبل
5. نشانه گذاری و محتوا
- 21 - بهینه سازی خودکار جاوا اسکریپت و CSS
- 22 - بسته بندی جاوا اسکریپت در مقابل ماژول ها
- 23 - جاوا اسکریپت بارگیری Async و به تعویق افتادن
- 24 - ماژول های جاوا اسکریپت با بارگذاری تنبل با واردات
- 25 - کوچک کردن و زشت کردن جاوا اسکریپت
- 26 - CSS بحرانی
- 27 - به تعویق انداختن CSS غیر بحرانی
- 28 - بارگذاری CSS مبتنی بر مؤلفه
6. فونت های وب
- 29 - فونت های وب می توانند عملکرد عمده ای داشته باشند
- 30 - بهینه سازی تحویل فونت وب شخص ثالث
- 31 - بهینه سازی تحویل فونت وب خود میزبان
- 32 - فونت های متغیر برای نجات
- 33 - فونت های وب با بودجه عملکرد
7. بهینه سازی تحویل
- 34 - فشرده سازی داده ها با Gzip و Brotli
- 35 - فشار سرور
- 36 - بارگیری از قبل در مقابل واکشی اولیه
- 37 - کش مرورگر
- 38 - CDN ها
نتیجه
- 39 - ممنون
دوره های مرتبط
- دوره آموزشی برنامه نویسی فرمهای وب با جاوااسکریپت
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی CSS عملی برای No-Coders
- دوره آموزشی HTML برای برنامه نویسان
- دوره آموزشی HTML کاربردی برای غیر برنامهنویسان