提高 web 应用性能之 CSS 性能调优

标签: web 应用 性能 | 发表时间:2011-09-11 20:17 | 作者:(author unknown) Vingel
出处:http://www.ibm.com/developerworks/cn/
随着 Web 2.0 应用越来越流行,Web 的 CSS 样式在 Web 2.0 应用也变得越来越重要,好的 CSS 样式不仅能美化 Web 2.0 应用,也能优化用户的体验。但是,大多数 Web 开发工程师很少关注 CSS 样式,这也导致项目中经常出现杂乱,不规范的 CSS 代码,使得维护起来越来越麻烦。而更为重要的一点是,这些不规范的 CSS 会导致很多性能的问题。这些问题在开发大型的,重量级的 Web 2.0 应用中表现的尤为明显。所以,在开发 Web 2.0 应用中写一套规范的高性能的 CSS 代码是十分重要的。可以通过如 CSS 的缩写(short hand properties),CSS 选择器(selectors)以及 CSS 的继承机制等等方面来调整 Web 应用的性能,这篇文章将着力于研究 CSS 性能调优的相关技术。

相关 [web 应用 性能] 推荐:

提升 web 应用程序的性能

- pathfinder - IBM developerWorks 中国 : 文档库
作为 web 用户,我们知道页面加载或刷新的速度对其成功至关重要. 本文将帮助您更好地理解影响 web 应用程序性能的因素. 学习识别这些问题并且找到客户端内容的瓶颈. 探索 JavaScript、DOM、CSS 和 Dojo 小部件的性能问题. 将通过一个例子展示使用 YSlow 和 Firebug 适当调整 Dojo 小部件.

提高 web 应用性能之 JavaScript 性能调优

- 去北方-Jack - IBM developerWorks 中国 : 文档库
JavaScript 是一个比较完善的前端开发语言,在现今的 web 开发中应用非常广泛,尤其是对 Web 2.0 的应用. 随着 Web 2.0 越来越流行的今天,我们会发现:在我们的 web 应用项目中,会有大量的 JavaScript 代码,并且以后会越来越多. JavaScript 作为一个解释执行的语言,以及它的单线程机制,决定了性能问题是 JavaScript 的软肋,也是 web 软件工程师们在写 JavaScript 需要高度重视的一个问题,尤其是针对 Web 2.0 的应用.

提高 web 应用性能之 CSS 性能调优

- Vingel - IBM developerWorks 中国 : 文档库
随着 Web 2.0 应用越来越流行,Web 的 CSS 样式在 Web 2.0 应用也变得越来越重要,好的 CSS 样式不仅能美化 Web 2.0 应用,也能优化用户的体验. 但是,大多数 Web 开发工程师很少关注 CSS 样式,这也导致项目中经常出现杂乱,不规范的 CSS 代码,使得维护起来越来越麻烦.

利用memcached构建高性能的Web应用程序

- - C++博客-牵着老婆满街逛
对于高并发高访问的Web应用程序来说,数据库存取瓶颈一直是个令人头疼的问题. 特别当你的程序架构还是建立在单数据库模式,而一个数据池连接数峰值已经达到500的时候,那你的程序运行离崩溃的边缘也不远了. 很多小网站的开发人员一开始都将注意力放在了产品需求设计上,缺忽视了程序整体性能,可扩展性等方面的考虑,结果眼看着访问量一天天网上爬,可突然发现有一天网站因为访问量过大而崩溃了,到时候哭都来不及.

利用memcached构建高性能的Web应用程序

- - 企业架构 - ITeye博客
对于高并发高访问的Web应用程序来说,数据库存取瓶颈一直是个令人头疼的问题. 特别当你的程序架构还是建立在单数据库模式,而一个数据池连接数峰值已经达到500的时候,那你的程序运行离崩溃的边缘也不远了. 很多小网站的开发人员一开始都将注意力放在了产品需求设计上,缺忽视了程序整体性能,可扩展性等方面的考虑,结果眼看着访问量一天天网上爬,可突然发现有一天网站因为访问量过大而崩溃了,到时候哭都来不及.

将 Web 应用性能提高十倍的10条建议

- - 研发管理 - ITeye博客
提高 web 应用的性能从来没有比现在更重要过. 网络经济的比重一直在增长;全球经济超过 5% 的价值是在因特网上产生的(数据参见下面的资料). 这个时刻在线的超连接世界意味着用户对其的期望值也处于历史上的最高点. 如果你的网站不能及时的响应,或者你的 app 不能无延时的工作,用户会很快的投奔到你的竞争对手那里.

Web性能优化

- - SegmentFault 最新的文章
Web网站的性能细线在几个方面:. 通过分析浏览器的渲染原理、资源对渲染的影响,得出优化网站性能的办法. Chrome的 Timeline面板录制网页加载的过程,分析记录浏览器渲染过程中每个过程的耗时. 关闭Chrome扩展或者启用隐身模式. 根据使用场景,模拟真实的网络加载情况:. 2.2 Timeline工具的各个组成.

web性能测试指标

- - 研发管理 - ITeye博客
Web性能测试的部分概况一般来说,一个Web请求的处理包括以下步骤:. (2)web server接受到请求,进行处理;. (3)web server向DB获取数据;. (4)webserver生成用户的object(页面),返回给用户. 给客户发送请求开始到最后一个字节的时间称为响应时间(第三步不包括在每次请求处理中).

Web性能优化:prefetch, prerender

- - Harttle Land
本文从预加载的角度介绍如何优化页面载入和渲染的性能,在展开内容之前先了解一下浏览器显示页面的过程: 首先是DNS解析,然后建立TCP连接,接着下载HTML内容以及资源文件,最后才是整个页面的渲染. 图片来源: https://docs.google.com/presentation/d/18zlAdKAxnc51y_kj-6sWLmnjl6TLnaru_WH0LJTjP-o/present?slide=id.gc03305a_0106.

测试Web应用或网站在IE11和其他浏览器中的实际使用性能

- - IE浏览器中文网站
W3C Web 性能工作小组与 Google、Mozilla 和其他社区领导者通力合作,制订了导航定时、资源定时、用户定时和性能时间线接口的标准化规范,可以帮助您了解在您的 Web 应用程序中导航、获取资源以及运行脚本的实际使用性能. 您可以使用这些接口来捕获并分析您的客户实际使用您的 Web 应用程序的体验,而不是依靠那种在人工环境中测试您的应用程序性能的合成测试.