WEB端、H5前端性能测试_h5写的app测试性能的插件-优快云博客

本文链接：https://blog.youkuaiyun.com/wwHRestarting/article/details/52958941

本文介绍了使用YSlow工具进行网页性能优化的方法，包括减少HTTP请求、使用CDN、避免空src或href、添加缓存控制头等23条具体实践建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 用到的工具：yahoo出品的浏览器插件yslow

安装：firefox-->插件管理-->yslow

2. WEB、H5前端性能的优化建议：

Web Performance Best Practices and Rules

Yahoo!'s Exceptional Performance team has identified 34 rules that affect web page performance. YSlow's web page analysis is based on the 23 of these 34 rules that are testable. Click each performance rule below to see the details.

    1.Minimize HTTP Requests
    2.Use a Content Delivery Network
    3.Avoid empty src or href
    4.Add an Expires or a Cache-Control Header
    5.Gzip Components
    6.Put StyleSheets at the Top
    7.Put Scripts at the Bottom
    8.Avoid CSS Expressions
    9.Make JavaScript and CSS External
    10.Reduce DNS Lookups
    11.Minify JavaScript and CSS
    12.Avoid Redirects
    13.Remove Duplicate Scripts
    14.Configure ETags
    15.Make AJAX Cacheable
    16.Use GET for AJAX Requests
    17.Reduce the Number of DOM Elements
    18.No 404s
    19.Reduce Cookie Size
    20.Use Cookie-Free Domains for Components
    21.Avoid Filters
    22.Do Not Scale Images in HTML
    23.Make favicon.ico Small and Cacheable

更多信息参考yslow官网： http://yslow.org/