性能测试--yslow

YSlow

YSlow可以对网站的页面进行分析，并告诉你为了提高网站性能，如何基于某些规则而进行优化。

YSlow可以分析任何网站，并为每一个规则产生一个整体报告，如果页面可以进行优化，则YSlow会列出具体的修改意见。

 

一、在利用yslow对前端进行性能测试之前先了解下HTTP协议。

1、从输入URL到页面加载发生了什么？答案1、答案2

2、HTTP协议概述

3、HTTP缓存

4、HTTP消息、请求、响应

5、HTTP cookie

 

二、yslow示例

1、安装

安装yslow的chrome扩展时可能需要科学 上网

 

2、对百度的前端页面进行性能测试（并发现页面中可能存在的性能隐患）

 注：点击点击Run Test按钮进行测试

测试结果：

 3、前端性能调优指南-雅虎23条

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