آموزش استفاده از Google PageSpeed ​​Insights برای بهبود عملکرد وب

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

شروع شدن Getting Started

• بررسی اجمالی دوره Course Overview

• چرا عملکرد مهم است Why Performance Matters

• ابزارهای تجزیه و تحلیل موجود Available Analysis Tools

• نصب برنامه افزودنی کروم کارت امتیاز عملکرد Installing the Performance Scorecard Chrome Extension

• پیکربندی کارت امتیازی عملکرد Performance Scorecard Configuration

• تجزیه و تحلیل صفحات با پسوند کارت امتیازی عملکرد Analyzing Pages with the Performance Scorecard Extension

• پانل شبکه ابزارهای برنامه نویس Chrome The Chrome Developer Tools Network Panel

• خلاصه ماژول Module Summary

تجزیه و تحلیل اولیه وب سایت و اصول عملکرد Initial Website Analysis and Performance Principles

• معرفی Introduction

• تحلیل اولیه Initial Analysis

• برنامه ریزی برای رسیدگی به توصیه ها Plan to Address Recommendations

• اصول مهم عملکرد Important Performance Principles

• خلاصه Summary

فعال کردن فشرده سازی HTTP Enabling HTTP Compression

• مقدمه ای بر فشرده سازی HTTP Introduction to HTTP Compression

• روشن کردن فشرده سازی در IIS Turning on Compression in IIS

• تجزیه و تحلیل صفحه پس از فعال کردن فشرده سازی Page Analysis After Enabling Compression

استفاده از حافظه پنهان مرورگر Leveraging Browser Caching

• مقدمه ذخیره سازی و تحلیل اولیه Caching Introduction and Initial Analysis

• نحوه عملکرد حافظه پنهان How Caching Works

• پیاده سازی Caching Implementing Caching

• تجزیه و تحلیل صفحه پس از پیاده سازی حافظه پنهان Page Analysis After Implementing Caching

• بسته بندی در حافظه پنهان Caching Wrap Up

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

• مقدمه ای بر توصیه های تصویری Introduction to Image Recommendations

• درک تصاویر مقیاس شده Understanding Scaled Images

• ایجاد یک تصویر مقیاس شده Creating a Scaled Image

• تجزیه و تحلیل پس از اندازه گیری مناسب تصاویر Analysis After Images Are Properly Sized

• توصیه بهینه سازی تصاویر Optimize Images Recommendation

• درک فشرده سازی تصویر بدون اتلاف Understanding Lossless Image Compression

• ابزارهایی برای فشرده سازی تصویر بدون اتلاف Tools for Lossless Image Compression

• تجزیه و تحلیل پس از اعمال فشرده سازی تصویر بدون اتلاف Analysis After Applying Lossless Image Compression

• جمع بندی بهینه سازی تصویر Image Optimization Wrap Up

استفاده از CSS Sprites Using CSS Sprites

• چرا از CSS Sprites استفاده کنیم؟ Why Use CSS Sprites?

• طرح کلی ایجاد یک CSS Sprite Outline of Creating a CSS Sprite

• ایجاد تصویر Sprite Creating the Sprite Image

• تغییرات CSS و HTML برای استفاده از Sprite CSS and HTML Changes for Using a Sprite

• بررسی کد در ویژوال استودیو Inspecting the Code in Visual Studio

• تجزیه و تحلیل پس از پیاده سازی یک CSS Sprite Analysis After Implementing a CSS Sprite

• CSS Sprites Wrap Up CSS Sprites Wrap Up

ترتیب صحیح سبک ها و اسکریپت ها Correctly Ordering Styles and Scripts

• معرفی Introduction

• بهینه سازی ترتیب سبک ها و توصیه اسکریپت ها Optimize Order of Styles and Scripts Recommendation

• CSS را در Document Head Recommendation قرار دهید Put CSS in the Document Head Recommendation

• به تعویق انداختن تجزیه توصیه جاوا اسکریپت Defer Parsing of JavaScript Recommendation

• بررسی HTML به روز شده Reviewing the Updated HTML

• تجزیه و تحلیل سرعت صفحه پس از به روز رسانی HTML PageSpeed Analysis After HTML Updates

• به حداقل رساندن ریسک هنگام اجرای تغییرات Minimizing Risk When Implementing Changes

• خلاصه ماژول Module Summary

کوچک سازی و بسته بندی CSS و جاوا اسکریپت Minification and Bundling of CSS and JavaScript

• معرفی Introduction

• Minification چیست؟ What Is Minification?

• باندلینگ چیست؟ What Is Bundling?

• رویکردهایی به بسته‌بندی و کوچک‌سازی Approaches to Bundling and Minification

• بسته بندی و کوچک سازی در ASP.NET 4.5 Bundling and Minification in ASP.NET 4.5

• بررسی تغییرات بسته‌بندی و کوچک‌سازی در مرورگر Examining Bundling and Minification Changes in the Browser

• تجزیه و تحلیل سرعت صفحه پس از بسته بندی و کوچک سازی PageSpeed Analysis After Bundling and Minification

• ایجاد باندل در ASP.NET 5 Creating Bundles in ASP.NET 5

• استفاده از محتوای همراه در صفحات در ASP.NET 5 Using Bundled Content on Pages in ASP.NET 5

• افکاری در مورد نحوه سازماندهی بسته ها Thoughts on How to Organize Bundles

• خلاصه Summary

توصیه های اضافی Additional Recommendations

• معرفی Introduction

• پیشنهادات بینش صفحه سرعت باقیمانده Remaining PageSpeed Insights Recommendations

• تمرین های عملکرد اضافی Additional Performance Practices

• مهار شبکه Network Throttling

• مقدمه WebPageTest WebPageTest Introduction

• ملاحظات برای برنامه ریزی تلاش های بهینه سازی صفحه Considerations for Planning Page Optimization Efforts

• خلاصه دوره Course Summary