可以帮助你发现影响网站性能的因素,Timeline 等

时间:2020-02-06 06:25来源:美高梅游戏网站
网站性能优化已经成为一个非常重要的话题了,越来越多的互联网公司开始有WPO的职位,而相关技能也是对前端开发工程师的重要技术要求之一。国外大牛SteveSouders在参加WebPerfDaysLond

网站性能优化已经成为一个非常重要的话题了,越来越多的互联网公司开始有WPO的职位,而相关技能也是对前端开发工程师的重要技术要求之一。国外大牛Steve Souders在参加WebPerfDays London期间,收集了大量常用的网站性能优化工具,这里和大家分享下。

           影响网站性能的因素非常多,本文整理了大量的网站性能优化工具,可以帮助你发现影响网站性能的因素,并帮助你解决这些问题。

学习清单

下面列出一系列需要学习的清单,学习了并且能够良好的运用起来.

1、DNS 解析,使用 CDN,把资源请求分散到多个域名上去;
2、理解 HTTP Headers (Expires、Cache-Control、If-Modified-Since)
3、Steve Souders 的所有高性能网页优化规则(参考:High Performance Websites 一书)
4、如何解决 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 等工具列出的所有问题;
5、何时把任务传到服务器,何时适合传到客户端;
6、缓存,预取和延迟加载技术的使用;
7、原生 JavaScript,知道何时从头开始做,何时参考别人的代码,同时可以评估这样做的优缺点;
8、 最新的 MVC Javascript 库知识以及用法;
9、CSS 标准的知识与用法;
10、JavaScript的计算机科学部分的知识(内存管理,垃圾收集算法等等)

常用的网站性能优化工具:

WebPagetest

WebPagetestCuzillionChrome Dev ToolsSpeed TracerPerformance Analyzer SPOF-O-Matic, 3PO for YSlowWiresharkPageSpeed, YSlowdynaTrace Ajax Edition 和 SpeedoftheWebHTTP Archive关键路径浏览—— PageSpeed Insights的一部分PhantomJS移动设备同步调试:Weinre, jsconsole.com, Opera Dragonfly, Chrome for AndroidApache Bench Show SlowBrowserscopeTilt, DOM MonsterMobileperf Bookmarkletchrome://net-internalsRedbotSpriteMeBoomerang, Episodeswget, telnetWappalyzerNetalyzerShunra NetworkCatcher ExpressPacket FlightFiddler, CharlesCSS Lint, JSLintGTMetrixTorbit InsightGrunt.jssitespeed.ioSSL Server TestSPDY 指示器 , SPDYCheck.orgKITE, MITECompass Soke, Seige, Tsung SpeedCheckr当然这些不是全部,还有很多工具是目前所缺少的:当分析一个网站时需要一个计算last-modified时间和今天之间的平均变化并和过期时间来对比的工具。目的是告诉开发者过期时间和资源变化频率是否一致。这个功能可以和PageSpeed、YSlow和HTTP Archive整合。

WebPageTest是一款非常强大的Web页面性能评测工具,最早是在AOL内部使用的,现在已经开源了。在该网站输入你的url,就会生成1个url加载的时间瀑布图,对所有加载的资源(css,js,image等等)列出优化的清单。

检测一个网站是否在可以使用同步片段的时候使用阻塞的片段。比如PagaSpeed实现了但是只能用于Google Analytics。

手机美高梅游戏网址 1

诊断渲染被延迟的根本原因的工具。

HttpWatch

更容易的可视的DNS TTLs的工具,内置到Chrome Dev Tools或者WebPagetest。

HttpWatch是一款集成的HTTP嗅探器,为IE和Firefox提供新的方法以查看您网站的负载和运行情况,可以监控请求头,响应头,显示资源加载瀑布图。

爬去文件目录并优化图片的后端工具。候选: Yeoman, Wesley.

手机美高梅游戏网址 2

Safari中的导航计时。

Firebug 

更好的检测和诊断内存泄露的工具。

 Firebug 是firefox中最为经典的开发工具,可以监控请求头,响应头,显示资源加载瀑布图:

网页计时规范,计算Javascript、CSS、reflow等环节花费的时间。

手机美高梅游戏网址 3

可视、可修改网络存储(LocalStorage、APP cache等)的工具。

TestCafé

可视、可清理DNS缓存的工具。

TestCafé是DevExpress最新开发的一款革命性的Web测试框架。它支持所有主流浏览器,操作系统手机美高梅游戏网址,和移动平台,支持远程设备,多浏览器并行测试。TestCafé内置一个可视化测试记录器,支持持续集成,脚本标记分析等强大功能。

专注于性能建议的JSLint版本。

VB Watch

对比两个HAR文件的工具。

VB Watch 是三种工具之一:Profiler, Protector 以及 Debugger. Profiler 衡量性能及测试覆盖率。 Protector 实现健壮的错误处理。 Debugger 有助于监控你的可执行文件。

总结:

Cuzillion 

网站性能优化除了雅虎的34条黄金准则之外,分析和优化工具是必备的,希望这些工具能够对大家有所帮助。但是性能优化并不仅仅这些,还有很多技术是实践中积累发现的,比如元彦同学最近整理的几篇:高性能HTML高性能JavaScriptAppcache Facts 中译版

Cuzillion是一个很酷的工具,帮助你查看页面组件的交互,目标是帮助你在结构化页面的时候快速检查,测试和编辑web页面。

编辑:美高梅游戏网站 本文来源:可以帮助你发现影响网站性能的因素,Timeline 等

关键词: