آموزش ساخت وب سایت های سریعتر: با عملکرد وب شروع کنید

سرفصل ها و درس ها

معرفی Introduction

• به دوره خوش آمدید Welcome to the Course

معرفی Introduction

• به دوره خوش آمدید Welcome to the Course

عملکرد وب توضیح داده شد Web Performance Explained

• عملکرد وب چیست؟ What is Web Performance?

• پذیرایی از کاربران Accommodating Users

• مراقبت از کاربران Looking after Users

• بهینه سازی موتورهای جستجو Search Engine Optimisation

• بهبود تبدیل Improving Conversions

• عملکرد درک شده Perceived Performance

عملکرد وب توضیح داده شد Web Performance Explained

• عملکرد وب چیست؟ What is Web Performance?

• پذیرایی از کاربران Accommodating Users

• مراقبت از کاربران Looking after Users

• بهینه سازی موتورهای جستجو Search Engine Optimisation

• بهبود تبدیل Improving Conversions

• عملکرد درک شده Perceived Performance

اندازه گیری عملکرد وب Measuring Web Performance

• مرورگرها چگونه وب سایت ها را بارگذاری می کنند How Browsers Load Websites

• درباره اندازه گیری عملکرد وب About Measuring Web Performance

• بارگیری معیارهای عملکرد Loading Performance Metrics

• بودجه های عملکردی Performance Budgets

• اهداف عملکرد Performance Goals

• ایجاد شرایط آزمون Establishing Testing Conditions

اندازه گیری عملکرد وب Measuring Web Performance

• مرورگرها چگونه وب سایت ها را بارگذاری می کنند How Browsers Load Websites

• درباره اندازه گیری عملکرد وب About Measuring Web Performance

• بارگیری معیارهای عملکرد Loading Performance Metrics

• بودجه های عملکردی Performance Budgets

• اهداف عملکرد Performance Goals

• ایجاد شرایط آزمون Establishing Testing Conditions

فانوس دریایی گوگل Google Lighthouse

• Google Lighthouse چیست؟ What is Google Lighthouse?

• اجرای ممیزی فانوس دریایی Running Lighthouse Audits

• Lighthouse در Node.js Lighthouse in Node.js

فانوس دریایی گوگل Google Lighthouse

• Google Lighthouse چیست؟ What is Google Lighthouse?

• اجرای ممیزی فانوس دریایی Running Lighthouse Audits

• Lighthouse در Node.js Lighthouse in Node.js

WebPageTest WebPageTest

• اجرای ممیزی WebPageTest Running WebPageTest Audits

• گزارش های تست صفحه وب WebPageTest Reports

WebPageTest WebPageTest

• اجرای ممیزی WebPageTest Running WebPageTest Audits

• گزارش های تست صفحه وب WebPageTest Reports

سایر ابزارهای عملکرد Other Performance Tools

• رام اولیه با گوگل آنالیتیکس Basic RUM with Google Analytics

• شبیه سازی سرعت شبکه Simulating Network Speeds

• تست پیشرفته تروتتلینگ و SPOF Advanced Throttling & SPOF Testing

سایر ابزارهای عملکرد Other Performance Tools

• رام اولیه با گوگل آنالیتیکس Basic RUM with Google Analytics

• شبیه سازی سرعت شبکه Simulating Network Speeds

• تست پیشرفته تروتتلینگ و SPOF Advanced Throttling & SPOF Testing

بخش عملی Practical Segment

• شروع شدن Getting Started

• شرایط تست را آماده کنید Prepare Testing Conditions

• گزارش عملکرد اولیه Initial Performance Report

بخش عملی Practical Segment

• شروع شدن Getting Started

• شرایط تست را آماده کنید Prepare Testing Conditions

• گزارش عملکرد اولیه Initial Performance Report

بهینه سازی عملکرد وب Optimising Web Performance

• درخواست های HTTP HTTP Requests

• دارایی های استاتیک شخص ثالث 3rd Party Static Assets

• تغییر اندازه تصویر Image Resizing

• بهینه سازی تصویر Image Optimisation

• نکات منابع Resource Hints

• Async/به تعویق انداختن جاوا اسکریپت Async / Defer JavaScript

• فشرده سازی متن Text Compression

• بهینه سازی دارایی متن Text Asset Optimisation

• CSS بحرانی Critical CSS

• بهینه سازی فونت های گوگل Google Fonts Optimisation

• فونت های خود میزبانی شده Self-Hosted Fonts

• بارگذاری تنبل Lazy Loading

• CSS استفاده نشده را حذف کنید Remove Unused CSS

• جاوا اسکریپت استفاده نشده را حذف کنید Remove Unused JavaScript

• استراتژی های ذخیره سازی Caching Strategies

بهینه سازی عملکرد وب Optimising Web Performance

• درخواست های HTTP HTTP Requests

• دارایی های استاتیک شخص ثالث 3rd Party Static Assets

• تغییر اندازه تصویر Image Resizing

• بهینه سازی تصویر Image Optimisation

• نکات منابع Resource Hints

• Async/به تعویق انداختن جاوا اسکریپت Async / Defer JavaScript

• فشرده سازی متن Text Compression

• بهینه سازی دارایی متن Text Asset Optimisation

• CSS بحرانی Critical CSS

• بهینه سازی فونت های گوگل Google Fonts Optimisation

• فونت های خود میزبانی شده Self-Hosted Fonts

• بارگذاری تنبل Lazy Loading

• CSS استفاده نشده را حذف کنید Remove Unused CSS

• جاوا اسکریپت استفاده نشده را حذف کنید Remove Unused JavaScript

• استراتژی های ذخیره سازی Caching Strategies

مقایسه عملکرد وب Comparing Web Performance

• گزارش عملکرد نهایی Final Performance Report

مقایسه عملکرد وب Comparing Web Performance

• گزارش عملکرد نهایی Final Performance Report

سخنان پایانی Closing Remarks

• متشکرم Thank You

سخنان پایانی Closing Remarks

• متشکرم Thank You