全网仿站服务商

仿站网站二次开发,低至500元,最快24小时内上线

咨询热线:18096623820

如何检测网站的性能

借助外部各种优秀的免费工具和网站,可以快速了解当前网站的性能好坏,可使用的性能测试工具非常多。
一、使用YSlow进行性能分析
 
看过Steve Souders所著的《高性能网站建设指南》这本经典性能优化书籍的人,应该都非常熟悉YSlow性能检测插件,它以Firefox插件的形式,几乎成为了所有前端开发人员的标配工具。YSlow遵守基于所有基础的性能最佳实践的规则,快速分析HTML文档代码组成,Steve Souders在《高性能网站建设指南》一书中总结了12条基本规则:
 
1.尽量减少HTTP请求。
 
2.使用CDN。
 
3.静态资源使用Cache。
 
4.启用Gzip压缩。
 
5.JavaScript脚本尽量放在页面底部。
 
6.CSS样式表放在顶部。
 
7.避免CSS表达式。
 
8.减少内联JavaScript和CSS的使用,尽可能使用外部的JavaScript和CSS文件。
 
9.减少DNS查询。
 
10.精简JavaScript。
 
11.避免重定向。
 
12.删除重复的脚本。
 
这些规则能够帮助开发者快速地发现页面性能问题。一个页面如果遵守了以上规则进行前端开发,那么抛开网络因素,至少可以保证它在页面加载阶段的性能不会产生问题。
 
但我们回过头回顾一下这些实践规则,基本上它将焦点都放在了页面的加载阶段,而在加载完成后的浏览器的解析、渲染阶段是空白的。
对于一个常规的相对简单的页面来说,以上规则的检查足够了,但是一旦遇到包含大量JavaScript 文件及复杂布局的页面时,很难通过YSlow来分析浏览器在页面解析、渲染各个阶段的时间,从而导致优化无从入手。所以接下来,我们看一下Google开源的优化工具PageSpeed。
 
二、使用PageSpeed进行性能分析
 
和上面提到的YSlow一样,Google提供的优化工具PageSpeed除了有网站的入口,也能够以插件形式在Firefox和Chrome浏览器上运行。它的工作原理类似于YSlow,也是基于一些基础的性能最佳实践规则来分析代码,然后提供一系列能够提高页面性能的优化方案建议。
PageSpeed也有它的独到之处。它除了能够提供页面在请求加载层面的优化建议,还能提供页面在加载完成后的一系列解析渲染操作的各部分时间,比如:

1.页面包含的JavaScript代码的执行时间。

2.合理高效的CSS样式代码的建议。

3.页面布局渲染的时间等。
 
假设我们在本地开发页面,并利用上面提到的性能检查工具辅助我们写出具有良好性能实践的页面,然后发布更新交付给用户。但在真实的网络世界里,不同地域的用户、不一样的网络接入提供商、相差很多的网络速度等因素,都直接影响页面的加载速度。
 
特别是对于做跨境服务的电子商务网站来说,在本地开发出一个具有良好性能的页面是远远不够的。我们需要知道不同地域的用户访问网站的真实性能情况,比如美国和巴西的用户在访问同一个页面时的性能差别,我们购买的CDN服务在不同地域是否都起到正向的网络加速作用等。
当某个地区的用户向产品负责人反馈,他们打开网站很慢,而你只能无奈地在本地又重新打开YSlow或者PageSpeed扫描页面,然后得出结论:“我们这里打开还好,非常快。”
 
所以我们需要有—种工具,能够帮我们漂洋过海,去了解某个特定地区用户访问网站的真实性能情况。接下来看一下WebPagetest,看看它能帮助我们做哪些事情。
 
 
 
 
 
 
 
 
 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。