提升 web 应用程序的性能
- pathfinder - IBM developerWorks 中国 : 文档库作为 web 用户，我们知道页面加载或刷新的速度对其成功至关重要. 本文将帮助您更好地理解影响 web 应用程序性能的因素. 学习识别这些问题并且找到客户端内容的瓶颈. 探索 JavaScript、DOM、CSS 和 Dojo 小部件的性能问题. 将通过一个例子展示使用 YSlow 和 Firebug 适当调整 Dojo 小部件.
提高 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 应用性能之 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 应用性能优化实践
- - IT瘾-tuicool爱奇艺视频生产智能云平台系统在今年进行了一次 重大升级，前端团队也趁此机会将 底层技术架构从三年前的 Arm.js（内部MVC框架）+ Java BFF + Velocity 模板完全切换到了 Vue.js + Node.js BFF 的技术栈. 新的前端应是一个拥有超过 十个业务模块的单页面应用，每个模块已经通过路由懒加载进行了拆分，同时公共的第三方依赖也拆分到了单独的 Vendor 文件.
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.