前端的性能对于一个Web应用来说非常重要,如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应,那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。你的Web页面的速度是否已经足够快了?其实可能还有很多可以提升的地方。Google和雅虎也提出了一些Web应用的前...
分类:
Web程序 时间:
2014-07-10 11:13:51
阅读次数:
415
当创建复杂布局的时候,我们会在xml 文件中添加大量的ViewGroup和View。伴随着每次迭代,View树的层次越来越深,界面加载速度越来越慢,消耗的内存也越来越多。当您的程序出现加载时短暂黑屏或横竖切换时短暂黑屏,抑或如内存溢出(OOM)之类的问题时,没准您的程序需要优化了。 那么如何让程.....
分类:
移动开发 时间:
2014-07-03 11:47:13
阅读次数:
326
在用户滚动页面到图片之后才进行加载,使用图片延迟加载,能有效的提高页面加载速度。所需js插件:主script方法:
分类:
Web程序 时间:
2014-07-01 17:27:47
阅读次数:
206
发一张policy的参数图设置图:场景1 - 数据的懒加载/延迟加载在很多时候,为了提高网页的加载速度,减少不必要的开销,会将页面的数据拆分成几个部分,首先加载呈现可视区域内的数据,然后剩下来的会在需要的时候在进行加载。而这种按需加载的数据又分为两种: 1.按照需要进行加载;可以是由某个动作触发来....
分类:
Web程序 时间:
2014-06-25 21:55:42
阅读次数:
263
css中用一张背景图做页面的技术有什么优势?简单介绍一下CSSSprites 的优点:当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。实现方法:首先将小图片整合到一张大的图片...
分类:
Web程序 时间:
2014-06-24 13:39:49
阅读次数:
207
预加载器(Pre-loader)可以说是提高浏览器性能最重要的举措。Mozilla 官方发布数据,通过预加载器技术网页的加载性能提升了19%,Chrome测试了 Alexa 排名前2000名网站,性能有20%的提升。 它并不是一门新技术,有人认为只有 Chrome 才具备这个功能。也有人认为它...
分类:
Web程序 时间:
2014-06-24 11:16:21
阅读次数:
277
在HTTP标头中为静态资源设置过期日期或最长存在时间,可指示浏览器从本地磁盘中加载以前下载的资源,而不是通过网络加载。这样,
网站加载速度会更快.下面的代码都需要放到.htaccess中才能生效. 推荐设置过期时间为一个月, 即:
max-age=2592000.通过FilesMatch设置Head...
分类:
数据库 时间:
2014-06-12 12:21:45
阅读次数:
362
WEB性能测试工具主要分为三种,一种是测试页面资源加载速度的,一种是测试页面加载完毕后页面呈现、JS操作速度的,还有一种是总体上对页面进行评价分析,下面分别对这些工具进行介绍,如果谁有更好的工具也请一起分享下。
Firebug:
Firebug 是firefox中最为经典的开发工具,可以监控请求头,响应头,显示资源加载瀑布图:...
分类:
Web程序 时间:
2014-06-11 06:28:05
阅读次数:
318
css中用一张背景图做页面的技术有什么优势?简单介绍一下 CSS Sprites
的优点:当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。CSS Sprites
的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。实现方法:首先将小图片整合到一张大的...
分类:
Web程序 时间:
2014-06-09 16:07:17
阅读次数:
227