面向开发人员和 IT 领导者的网站性能优化
Website Performance Optimization for Developers and IT Leaders
- 1. The Basics of Web Performance
- 1. The Importance of Performance For Web Applications
- 2. Measuring Performance with Google Lighthouse
- 3. Google Page Speed Insights
- 4. The Core Web Vitals LCP, FID & CLS
- 5. LCP Largest Contentful Paint
- 6. FID First Input Delay
- 7. CLS Cumulative Layout Shift
- 8. Other Important Metrics
- 2. Web Performance in Practice
- 1. Project Set-Up
- 2. Publishing to Firebase
- 3. Website Performance Analysis
- 4. Using the Network Tab
- 5. Avoiding Oversized Images
- 6. Converting and Compressing Images
- 7. Handling Responsive Images with the Picture Element
- 8. Reminder Commit Your Changes
- 9. Fixing CLS by Setting Explicit Height and Width to Images
- 10. More CLS Improvement - Hidden Elements
- 11. Lazy Load Images with the Loading Attribute
- 12. Reducing Initial Javascript Execution Time
- 13. Self-Hosting Google Fonts
- 14. Defer Non-Essential Services
- 15. Fixing Accessibility Issues
- 16. Adjusting the Order of Headings
- 17. Fixing Best Practices & SEO Issues
- 3. For Leaders Continuous Monitoring and Optimization
- 1. The Web Performance Road Map for Continuous Improvement
- 2. Enforcing Best Practices
- 3. Performance Reports on Google Search Console
- 4. Getting Started with GT Metrix
- 5. History Charts on GT Metrix
- 6. Monitoring Pages and Setting Up Alerts on GT Metrix
- 7. Comparing Performance Reports on GT Metrix
- 8. Code Reviews and the QA Routine