网站性能优化工具大全

标签: Javascript Resource Tips 优化 工具 | 发表时间:2012-10-17 13:36 | 作者:神飞
出处:http://www.qianduan.net

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

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

当然这些不是全部,还有很多工具是目前所缺少的:

  • 当分析一个网站时需要一个计算last-modified时间和今天之间的平均变化并和过期时间来对比的工具。目的是告诉开发者过期时间和资源变化频率是否一致。这个功能可以和PageSpeed、YSlow和HTTP Archive整合。
  • 检测一个网站是否在可以使用同步片段(async snippet)的时候使用阻塞的片段(blocking snippet)。比如PagaSpeed实现了但是只能用于Google Analytics。
  • 诊断渲染被延迟的根本原因的工具。
  • 更容易的可视的DNS TTLs的工具,内置到Chrome Dev Tools或者WebPagetest。
  • 爬去文件目录并优化图片的后端工具。候选:  YeomanWesley.
  • Safari(Mobile)中的导航计时。
  • 更好的检测和诊断内存泄露的工具。
  • 网页计时规范,计算Javascript、CSS、reflow等环节花费的时间。
  • 可视、可修改网络存储(LocalStorage、APP cache等)的工具。
  • 可视、可清理DNS缓存的工具。
  • 专注于性能建议的JSLint版本。
  • 对比两个HAR文件的工具。

总结:

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

恩,如果你有一些好的前端性能优化经验或者工具,欢迎分享给我们。

文章整理自: WebPerfDays: Performance Tools

 

相关 [网站 性能 优化] 推荐:

网站性能优化工具大全

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

网站性能优化的三重境界

- - ITeye博客
这篇文章是关于网站性能优化体验的,性能优化是一个复杂的话题,牵涉的东西非常多,我只是按照我的理解列出了性能优化整个过程中需要考虑的种种因素. 点到为止,包含的内容以浅显的介绍为主,如果你有见解能告知我那再好不过了. 无论如何,希望阅读它的你有所收获. 我眼中的网站性能问题都反映了一个网站的“Availability”(中文叫做可用性,但是这个翻译也不足够达意),以往我的认识是,这个网站如果全部或者部分不可用,那是功能问题,但是如果响应慢、负载差,这才是性能问题;可是后来我逐渐意识到,性能问题涵盖的范围更广,我还没法给出一个准确定义,但是许多非业务逻辑错误引起的网站问题都可能可以算做性能问题,比如可扩展性差,比如单点故障问题.

从12306.cn谈大网站架构与性能优化

- - 服务器运维与网站架构|Linux运维|X研究
PS:关于12306.cn网站,前些时间,骂的人很多,但是这网站的压力和架构不是一般非专业人生想得这么简单. 下文是资深架构师陈皓写的关于12306.cn购票网站的架构和性能系列分析,个人认为很有参考价值,转载如下:. 12306.cn网站挂了,被全国人民骂了. 我这两天也在思考这个事,我想以这个事来粗略地和大家讨论一下网站性能的问题.

网站性能优化之CSS无图片技术

- - 微博UDC
在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术;换句话的意思就是在使用纯CSS生成类似图片效果的技术. 首先我们通过yslow的statistics查看新浪微博最新版首页的文件,得到Stylesheet File(CSS文件)大小为206.8K, CSS Image大小为623.8K.

Yahoo网站性能优化指南之内容篇

- - 氪星人
Yahoo的Exceptional Performance团队为改善Web性能,总结出了一系列可以提高网站速度的方法,包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分,核心旨在提高网站性能. Yahoo网站性能优化指南之内容篇. 其中内容部分一共十条建议:. 1、尽量减少HTTP请求次数.

Tuning Linode VPS-小规模低性能低流量网站优化实践

- Yousri - DBA Notes
偶然看到以前写过的这篇帖子 『小规模低性能低流量网站设计原则』,重新发到微博上引起了一点反响,觉得有必要以 Linode VPS 为例再做个简单的优化实践说明,免得总有人问我,也顺便赚点点击量 :). 假定现在你已经有了一个基本的 VPS 可用,基本内存 512MB. 参考官方提供的各种安装指导将 LAMP 这个组合运行了起来,操作系统一般 Ubuntu ,Web 服务器 Apache ,数据库 MySQL ,然后是 PHP ,以及需要安装的应用软件,WordPress 、Drupal 或是 OpenCart 什么的,一步一步配置好,能够正常的浏览页面.

[转] 网站性能优化之-数据库及服务器架构...

- - 网站架构_搜搜博客搜索
  转载自: http://blog.163.com/dangzhengtao@yeah/blog/static/ 7780087420098232213289/?fromdm&fromSearch&isFromSea rchEngine=yes 1、Web Server 与 DB Server 分离.

视频学习网站学习时长实时记录-性能优化实践

- - CSDN博客系统运维推荐文章
一、     应用场景描述. 系统主要为教师在线学习提供服务,其中视频学习网站支持教师在线视频学习,教师在视频学习过程中其学习过程会被记录下来. 每个专题下对应多个教学视频,每个教学视频时长不尽一致. 现在的记录规则是:教师在看视频的时候,视频所在的页面每分钟提交一次请求,记录该视频已学习时长,并将该记录更新到数据库.

yahoo网站性能优化的建议:Yahoo军规再度挖掘

- - Web前端 - ITeye博客
本来这是个老生常谈的问题,上周自成又分享了一些性能优化的建议,我这里再做一个全面的Tips整理,谨作为查阅型的文档,不妥之处,还请指正;. 如果你已经对yahoo这些优化建议烂熟于心,果断点这里. 一、 Yahoo的军规条例:. 谨记:80%-90%的终端响应时间是花费在下载页面中的图片,样式表,脚本,flash等;.

MySQL性能优化

- sun - IT程序员面试网
在笔试面试中,尤其是像百度,淘宝这些数据量非常大,而且用LAMP架构的公司,数据库优化方面就显得特别重要了. 此外,除了数据库索引之外,在LAMP结果如此流行的今天,数据库(尤其是MySQL)性能优化也是海量数据处理的一个热点. 下面就结合自己的经验,聊一聊MySQL数据库优化的几个方面. 首先,在数据库设计的时候,要能够充分的利用索引带来的性能提升,至于如何建立索引,建立什么样的索引,在哪些字段上建立索引,上面已经讲的很清楚了,这里不在赘述.