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

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

معرفی 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

• بهینه سازی موتور جستجو (SEO) 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

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

• اجرای حسابرسی 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 WebPageTest Reports

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

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

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

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

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

• RUM پایه با Google Analytics 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 / Defer Async / Defer JavaScript

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

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

• CSS حیاتی Critical CSS

• بهینه سازی Google Fonts 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