网站性能优化工具大全
- - 前端观察网站性能优化（WPO）已经成为一个非常重要的话题了，越来越多的互联网公司开始有WPO的职位，而相关技能也是对前端开发工程师的重要技术要求之一. 国外大牛Steve Souders在参加 WebPerfDays London期间，收集了大量常用的网站性能优化工具，这里和大家分享下. Performance Analyzer (收费).
网站性能优化工具大全
标签：
Javascript
Resource
Tips
优化
工具
| 发表时间：2012-10-17 21:36 | 作者：神飞
出处：http://www.qianduan.net
网站性能优化（WPO）已经成为一个非常重要的话题了，越来越多的互联网公司开始有WPO的职位，而相关技能也是对前端开发工程师的重要技术要求之一。国外大牛Steve Souders在参加 WebPerfDays London期间，收集了大量常用的网站性能优化工具，这里和大家分享下。
常用的网站性能优化工具：
- WebPagetest
- Cuzillion
- Chrome Dev Tools
- Speed Tracer
- Performance Analyzer (收费)
- SPOF-O-Matic, 3PO for YSlow
- Wireshark
- PageSpeed, YSlow
- dynaTrace Ajax Edition 和 SpeedoftheWeb
- HTTP Archive
- 关键路径浏览—— PageSpeed Insights的一部分
- PhantomJS
- 移动设备同步调试： Weinre, jsconsole.com, Opera Dragonfly, Chrome for Android
- Apache Bench (ab)
- Show Slow
- Browserscope
- Tilt, DOM Monster
- Mobileperf Bookmarklet
- chrome://net-internals
- Redbot
- SpriteMe
- Boomerang, Episodes
- wget, telnet
- Wappalyzer
- Netalyzer
- Shunra NetworkCatcher Express
- Packet Flight
- Fiddler, Charles
- CSS Lint, JSLint
- GTMetrix
- Torbit Insight
- Grunt.js
- sitespeed.io
- SSL Server Test
- SPDY 指示器 ( Firefox, Chrome), SPDYCheck.org
- KITE, MITE
- Compass (CSS)
- Soke, Seige, Tsung (加载测试)
- SpeedCheckr
当然这些不是全部，还有很多工具是目前所缺少的：
- 当分析一个网站时需要一个计算last-modified时间和今天之间的平均变化并和过期时间来对比的工具。目的是告诉开发者过期时间和资源变化频率是否一致。这个功能可以和PageSpeed、YSlow和HTTP Archive整合。
- 检测一个网站是否在可以使用同步片段(async snippet)的时候使用阻塞的片段(blocking snippet)。比如PagaSpeed实现了但是只能用于Google Analytics。
- 诊断渲染被延迟的根本原因的工具。
- 更容易的可视的DNS TTLs的工具，内置到Chrome Dev Tools或者WebPagetest。
- 爬去文件目录并优化图片的后端工具。候选： Yeoman, Wesley.
- Safari(Mobile)中的导航计时。
- 更好的检测和诊断内存泄露的工具。
- 网页计时规范，计算Javascript、CSS、reflow等环节花费的时间。
- 可视、可修改网络存储(LocalStorage、APP cache等)的工具。
- 可视、可清理DNS缓存的工具。
- 专注于性能建议的JSLint版本。
- 对比两个HAR文件的工具。
总结：
网站性能优化除了雅虎的34条黄金准则之外，分析和优化工具是必备的，希望这些工具能够对大家有所帮助。但是性能优化并不仅仅这些，还有很多技术是实践中积累发现的，比如 元彦同学最近整理的几篇：
恩，如果你有一些好的前端性能优化经验或者工具，欢迎分享给我们。
文章整理自： WebPerfDays: Performance Tools
相关 [网站 性能优化 工具] 推荐：
九大工具助你玩转Java性能优化
- - ImportNewJava性能优化工具可以帮助你改进你的Java代码. 之前我写过一篇关于 5个工具帮助写出更好的Java代码的文章. 合适的工具可以改进我们的代码，并且提高开发效率. 在 IDR解决方案中，我们一直在找一些方法来改进我们的代码. 但最近，我们在考虑改进 PDF HTML5转换器和 Java PDF类库代码时，发现最近我们的关注点已经开始转换到如何提升Java性能.
网站性能优化的三重境界
- - ITeye博客这篇文章是关于网站性能优化体验的，性能优化是一个复杂的话题，牵涉的东西非常多，我只是按照我的理解列出了性能优化整个过程中需要考虑的种种因素. 点到为止，包含的内容以浅显的介绍为主，如果你有见解能告知我那再好不过了. 无论如何，希望阅读它的你有所收获. 我眼中的网站性能问题都反映了一个网站的“Availability”（中文叫做可用性，但是这个翻译也不足够达意），以往我的认识是，这个网站如果全部或者部分不可用，那是功能问题，但是如果响应慢、负载差，这才是性能问题；可是后来我逐渐意识到，性能问题涵盖的范围更广，我还没法给出一个准确定义，但是许多非业务逻辑错误引起的网站问题都可能可以算做性能问题，比如可扩展性差，比如单点故障问题.
Yahoo网站性能优化指南之内容篇
- - 氪星人Yahoo的Exceptional Performance团队为改善Web性能，总结出了一系列可以提高网站速度的方法，包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分，核心旨在提高网站性能. Yahoo网站性能优化指南之内容篇. 其中内容部分一共十条建议：. 1、尽量减少HTTP请求次数.
网站性能优化之CSS无图片技术
- - 微博UDC在不使用CSS Image（通过CSS的引入的背景图片,不包括img标签内的图片）情况下生成类似图片效果的技术；换句话的意思就是在使用纯CSS生成类似图片效果的技术. 首先我们通过yslow的statistics查看新浪微博最新版首页的文件，得到Stylesheet File(CSS文件)大小为206.8K, CSS Image大小为623.8K.
从12306.cn谈大网站架构与性能优化
- - 服务器运维与网站架构|Linux运维|X研究PS：关于12306.cn网站，前些时间，骂的人很多，但是这网站的压力和架构不是一般非专业人生想得这么简单. 下文是资深架构师陈皓写的关于12306.cn购票网站的架构和性能系列分析，个人认为很有参考价值，转载如下：. 12306.cn网站挂了，被全国人民骂了. 我这两天也在思考这个事，我想以这个事来粗略地和大家讨论一下网站性能的问题.
Cocos开发中性能优化工具介绍之Xcode中Instruments工具使用
- - 移动开发 - ITeye博客Instruments是动态分析工具，它与Xcode集成在一起，可以在Xcode中通过菜单Product→Profile启动. 启动如图所示，Instruments有很多跟踪模板可以动态分析和跟踪内存、CPU和文件系统. 每个跟踪模板都有不同的用途，其中Leaks可以检测内存泄漏点，Allocations跟踪模板可以查看内存的使用情况.
Android工具库xUtils1.9.8发布-orm性能优化，图片加载优化...
- - 开源中国社区最新新闻感谢关注xUitls的网友最近一段时间给予的热心反馈，xUtils近期做了很多细节优化之后，功能和api已经稳定. 1.9.8主要更新内容：. * orm模块添加列类型转换接口，支持自定义类型字段作为列映射;. * bitmap模块优化默认参数，取消默认动画，加载更快速.
「原创译文」iOS 性能优化：Instruments 工具的救命三招
- - SegmentFault 最新的文章你的 iOS 应用，运行速度靠谱吗. 中枪的同学莫要愁，性能优化咱有妙招. 用 Xcode 自家的调试工具 Instruments，揪出那些堵线程、占内存、耗资源的问题代码，彻底破掉迷局，让应用扬眉吐气. 对于每位 iOS 开发者来说，代码性能是个避不开的话题. 随着项目的扩大和功能的增多，没经过认真调试和优化的代码，要么任性地卡顿运行，要么低调地崩溃了之……结果呢，大家用着不高兴，开发者也不开心.
[转] 网站性能优化之-数据库及服务器架构...
- - 网站架构_搜搜博客搜索 转载自: http://blog.163.com/dangzhengtao@yeah/blog/static/ 7780087420098232213289/?fromdm&fromSearch&isFromSea rchEngine=yes 1、Web Server 与 DB Server 分离.