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 - ممنون
0. Introduction
01 - What is performance and why is it so important
1. Web Performance An Introduction
02 - What is web performance and optimization
03 - How do we measure performance
04 - Why does performance matter
2. Web Performance Basics
05 - How browsers render content
06 - HTTP 2 and multiplexing
07 - Bottlenecks
08 - Caching
09 - The PRPL pattern
3. Creating a Performance Budget
10 - What is a performance budget
11 - Creating a realistic performance budget
12 - Common culprits and performance hogs
4. Optimizing Images
13 - Images are the leading cause of the slow web
14 - Image quality matters
15 - The image scaling hack
16 - Image format options
17 - Manual image optimization
18 - Automated image optimization
19 - Responsive images
20 - Lazy-loading images
5. Markup and Content
21 - Automated optimization of JavaScript and CSS
22 - JavaScript bundling vs. modules
23 - JavaScript loading Async and defer
24 - Lazy-loading JavaScript modules with import
25 - Minifying and uglifying JavaScript
26 - Critical CSS
27 - Deferring noncritical CSS
28 - Component-based CSS loading
6. Web Fonts
29 - Web fonts can be major performance hogs
30 - Optimizing third-party web font delivery
31 - Optimizing self-hosted web font delivery
32 - Variable fonts to the rescue
33 - Web fonts on a performance budget
7. Optimizing Delivery
34 - Compress data with Gzip and Brotli
35 - Server push
36 - Preloading vs. prefetch
37 - Browser caching
38 - CDNs
Conclusion
39 - Thank you