Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。
Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。
其中内容部分一共十条建议：
一、内容部分
1. 尽量减少HTTP请求
2. 减少DNS查找
3. 避免跳转
4. 缓存Ajxa
5. 推迟加载
6. 提前加载
7. 减少DOM元素数量
8. 用域名划分页面内容
9. 减小iframe的大小
10. 避免404错误
【Yahoo!网站性能最佳体验的34条黄金守则】是Yahoo!的Exceptional Performance团队在深入研究和实践后提出的一套优化Web性能的策略。这些守则旨在提高网站加载速度，提升用户体验，从而增强网站的吸引力和可用性。以下是其中内容部分的十大建议：
1. **尽量减少HTTP请求**：HTTP请求是页面加载的关键环节，每个请求都会增加页面加载时间。可以通过合并文件（如CSS和JavaScript）以及利用CSS Sprites技术减少图片请求来减少HTTP请求次数。
2. **减少DNS查找**：DNS查找过程会消耗时间，缓存DNS可以提高性能。尽量减少页面中不同主机名的数量，以降低DNS查找次数，但也要平衡与并行下载之间的关系。
3. **避免跳转**：跳转会导致额外的HTTP请求，增加加载时间，应尽量避免不必要的重定向。
4. **缓存Ajax**：通过设置合适的缓存策略，使Ajax内容能被浏览器缓存，从而减少重复请求。
5. **推迟加载**：对于非关键内容，如滚动时才会出现的图像，可以使用延迟加载技术，等到用户需要时再进行加载。
6. **提前加载**：对于页面关键内容，如首屏展示的内容，可以提前加载，确保用户打开页面时能看到完整内容。
7. **减少DOM元素数量**：过多的DOM元素会增加解析和渲染时间。通过精简HTML结构，减少不必要的元素，可以提高页面加载速度。
8. **用域名划分页面内容**：合理分配内容到多个域名，可以利用浏览器并行下载的特性，但要注意不要超过四个，以免过多的DNS查找。
9. **减小iframe的大小**：iframe内的内容也会增加加载时间，尽量减少iframe的使用，或优化其内容以减小大小。
10. **避免404错误**：404错误不仅影响用户体验，还会产生额外的HTTP请求。定期检查和修复死链，保持网站健康运行。
这些优化策略覆盖了网页内容、网络请求、资源管理和用户体验等多个方面，实施时需要综合考虑，找到最佳平衡点，以实现整体性能的提升。对于前端开发者来说，理解和应用这些原则对于提升网站性能至关重要。同时，这些原则不仅适用于桌面端，也适用于移动应用，因为移动端对性能的要求更高，快速响应和高效加载对于提升用户体验尤为关键。
