1、减少http请求，多用雪碧图，避免用单图。2、使用内容发布网络CDN，因为地域的不同，会很大程度的影响页面的响应。3、使用缓存，添加Expires头4、压缩组件，使用gzip压缩组件5、将样式表放在顶部，避免影响页面的逐步呈现6、将JS脚本放在底部，避免影响页面的逐步呈现7、避免CSS表达式8、...
分类：
Web程序 时间：
2016-01-07 22:46:02
阅读次数：
177
雅虎团队经验：网站页面性能优化的34条黄金守则1、尽量减少HTTP请求次数 （Make fewer HTTP requests） 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提...
分类：
其他好文 时间：
2015-12-31 12:12:09
阅读次数：
426
做为一个专职的页面重构者，我们从事的工作简单的说就是“将设计稿转换成WEB页面”，这一过程可以很简单到直接把PSD从PS里导出成网页；也可复杂到需要考虑页面中每个标签的使用，考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来，但随着工种的细分，加上页面重构本身的专业性，...
分类：
其他好文 时间：
2015-12-03 00:29:39
阅读次数：
207
转自blueidear:http://bbs.blueidea.com/thread-2936073-1-1.htmlPS：结合了精英的思想和自己的一些小小的总结~影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能...
分类：
Web程序 时间：
2015-12-01 21:07:36
阅读次数：
198
影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户接触的。除...
分类：
Web程序 时间：
2015-11-29 11:58:36
阅读次数：
144
我们先来看一张图来确定一下页面性能是由哪些部分组成的 域名解析：搜索DNS服务器并解析域名IP所花费的时间，为5.864ms 建立链接：客户端通过ip地址与web服务器建立链接的时间，为48.275ms 发送请求：客户端向web服务器端发送请求所花费的时间，为0.620ms 等待响应：服...
分类：
其他好文 时间：
2015-11-12 20:16:23
阅读次数：
277
一、页面性能测试概述页面性能测试则是针对于页面性能优化而开展的一种性能测试，目的是对Web系统的页面进行测试以确认系统页面是否会影响系统的性能并为页面的优化提供依据与建议，最终提升系统的整体性能表现，提高用户体验满意度。可见，Web系统页面性能测试是相对Web系统后台测试的另外一种性能测试，是Web...
分类：
其他好文 时间：
2015-11-03 22:36:23
阅读次数：
156
现如今在处理http请求的时候，由于请求的资源较多，如果不启用压缩的话，那么页面请求的流量将会非常大。启用gzip压缩，在一定程度上会大大的提高页面性能。因此这写一个使用Node.js实现在http客户端与服务端传输压缩数据的实例代码。在HTTP服务器端与HTTP客户端之间传输压缩数据时，在客户端请...
分类：
Web程序 时间：
2015-08-31 16:39:44
阅读次数：
187
js性能优化-事件委托考虑一个列表，在li的数量非常少的时候，为每一个li添加事件侦听当然不会存在太多性能方面的问题，但是当列表非常的长，长到上百上千甚至上万的时候（当然只是一个解释，实际工作中很少遇到这么多li的情况），为每个li添加事件侦听就会对页面性能产生很大的影响。就像下面这段代码：js性能...
分类：
Web程序 时间：
2015-08-29 15:16:32
阅读次数：
148
测量webView页面性能（使用UiAutomator和性能监控工具）背景：俺双11会场测试的总指挥想要确认，在猫客的webview中填多少坑位合适，所以进行了如下操作并获取性能：1，进入webview页面滑动到底部，然后再快速回到顶部，
2，点击顶部的banner进入下级页面，
3，页面深度3层，即重复1，2该操作3次。
采用的技术需求拆分为2部分，webview控制脚本和性能监控。...
分类：
Web程序 时间：
2015-08-26 22:24:07
阅读次数：
246
