本文转自：http://www.cnblogs.com/50614090/archive/2011/08/19/2145620.html一、 WEB前台的优化规则一、尽量减少HTTP请求有几种常见的方法能切实减少HTTP请求：1、合并脚本跟样式文件，如可以把多个CSS文件合成一个，把多个JS文件合成...
分类：
Web程序 时间：
2015-10-21 22:45:28
阅读次数：
194
本文是Web前端性能优化系列文章中的第三篇，主要讲述添内容：加Expires头。完整教程可查看：Web前端性能优化什么是Expires头？Expires存储的是一个用来控制缓存失效的日期。当浏览器看到响应中有一个Expires头时，它会和相应的组件一起保存到其缓存中，只要组件没有过期，浏览器就会使用...
分类：
编程语言 时间：
2015-10-14 14:17:15
阅读次数：
153
作为一个前端工作人员，而且只会写点HTML5和CSS3的“假”前端工程师，为了能更好地理解一下前端的花花世界，最近拜读了《高性能网站建设指南》一书，对作者提出的前端性能优化的14个规则获益匪浅，为了让自己印象更深刻点，决定作此文，当做学习笔记也好，知识总结也罢，总归看过的东西要让自己很好地掌握很好地...
分类：
Web程序 时间：
2015-10-11 22:56:01
阅读次数：
220
web前端性能优化a、浏览器访问优化1、减少http请求2、使用浏览器缓存3、css放在文件上部，js放在文件底部4、启用压缩5、减少cookieb、CDNc、反向代理
分类：
Web程序 时间：
2015-10-02 18:47:54
阅读次数：
205
说在开头项目做完顺利上线了。上线之前的2天做了一点性能上的优化。由于我们这个项目最主要的就是图片。所以，就准备对自己负责的模块的图片和图标进行适当的优化。因为以前看过雅虎军规。所以主要从减少请求数量，图片压缩，以及cssSprite对图片进行一些处理。重点请求数量由..
分类：
Web程序 时间：
2015-10-01 01:49:06
阅读次数：
278
只有10%~20%的最终用户响应时间花在了下载HTML文档上，其余的80%~90%花在了下载页面中的所有组件上，有一部分时间花在解析HTML、脚本、样式表上面。首先整页时间>3s ，延迟1秒的页面加载时间可能导致转换损失7%，减少11%的页面浏览量，并减少16%的客户满意度。如果3秒后，网页还未加载...
分类：
其他好文 时间：
2015-09-21 21:23:34
阅读次数：
213
对用户输入事件的处理去抖动用户输入事件处理函数是一个可能会导致web应用性能问题的因素，因为它们在运行时会阻塞帧的渲染，并且会导致额外且不必要的布局的发生。避免使用运行时间过长的输入事件处理函数在理想情况下，当用户在设备屏幕上触摸了页面上某个位置时，页面的渲染层合并线程将接收到这个触摸事件并作出响应...
分类：
其他好文 时间：
2015-09-18 21:40:01
阅读次数：
215
优先使用渲染层合并属性、控制层数量渲染层的合并，就是把页面中完成了绘制过程的部分合并成一层，然后显示在屏幕上。在这部分内容中有两个关键点：需要管理的渲染层的数量、实现动画效果的样式属性。使用transform/opacity实现动画效果从性能方面考虑，最理想的渲染流水线是没有布局和绘制环节的，只需要...
分类：
其他好文 时间：
2015-09-18 20:30:44
阅读次数：
240
降低样式计算的范围和复杂度添加或移除一个DOM元素、修改元素属性和样式类、应用动画效果等操作，都会引起DOM结构的改变，从而导致浏览器需要重新计算每个元素的样式、对页面或其一部分重新布局（多数情况下）。这就是所谓的样式计算。计算样式的第一步是创建一套匹配的样式选择器，浏览器就是靠它们来对一个元素应用...
分类：
其他好文 时间：
2015-09-18 20:29:37
阅读次数：
223
避免大规模、复杂的布局布局，就是浏览器计算DOM元素的几何信息的过程：元素大小和在页面中的位置。每个元素都有一个显式或隐式的大小信息，决定于其CSS属性的设置、或是元素本身内容的大小、抑或是其父元素的大小。在Blink/WebKit内核的浏览器和IE中，这个过程称为布局。在基于Gecko的浏览器（比...
分类：
其他好文 时间：
2015-09-18 20:21:00
阅读次数：
184
