原文链接：https://segmentfault.com/a/1190000000490322 缓存DOM对象 JavaScript的DOM操作可以说是JavaScript最重要的功能，我们经常要根据用户的操作来动态的增加和删除元素，或是通过AJAX返回的数据动态生成元素。比如我们获得了一个很多元 ...
分类：
其他好文 时间：
2016-06-18 18:29:33
阅读次数：
186
性能优化: 1.稳定性 2.扩展性 3.优化 yelow: Chrome F12 NetWork 需要经验 firefox YSLow yahoo 安装插件 必须有firebug 3.6之后的火狐都不兼容 标签 yslow.org/mobile 不能检测https协议的网址 对咱们没有影响 工具：学 ...
分类：
其他好文 时间：
2016-06-14 11:49:10
阅读次数：
308
概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因，除加载外渲染速度 ...
分类：
移动开发 时间：
2016-06-01 21:18:19
阅读次数：
161
继前面几篇文章后再来说说老生常谈的话题，怎么样提升前端性能。文中很多取材自网络及《High Performance Web Sites》，并根据自己工作中所接触到的知识整理而成。 http://hovertree.com/menu/webfront/ 1. 减少HTTP请求 终端用户响应时间80%消 ...
分类：
Web程序 时间：
2016-05-29 16:23:02
阅读次数：
194
1、把样式表置于顶部 现把样式表放到文档的< head />内部似乎会加快页面的下载速度。这是因为把样式表放到< head />内会使页面有步骤的加载显示。HTML规范清 楚指出样式表要放包含在页面的< head />区域内：“和< a />不同，< link />只能出现在文档的< head /> ...
分类：
Web程序 时间：
2016-05-26 10:11:55
阅读次数：
148
如今浏览器能够实现的特性越来越多，并且网络逐渐向移动设备转移，使我们的前端代码更加紧凑，如何优化，就变得越来越重要了。
开发人员普遍会将他们的代码习惯优先于用户体验。但是很多很小的改变可以让用户体验有个飞跃提升，所以任何一点儿小小的优化都会提升你网站的性能。
前端给力的地方是可以有许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你一些前...
分类：
其他好文 时间：
2016-05-23 15:12:20
阅读次数：
244
在web开发的时候经常会遇到页面重定向的问题，说起重定向就不得不说HTTP STATUS CODE 301 和302. 301 是Moved Permanently，也就是"永久转移"， 302则是Temporarily Moved，是"暂时转移"。 在生产环境，建议使用301永久重定向，不使用30 ...
分类：
其他好文 时间：
2016-05-15 16:42:58
阅读次数：
150
1、减少HTTP请求次数 图片地图 css sprites 合并图片，通过制定css的background-image和background-position来显示元素。 合并脚本和样式表 2、使用内容分发网络 3、添加Expires头 4、压缩组件 压缩html，js，css，xml 5、网站样式 ...
分类：
Web程序 时间：
2016-05-13 10:42:59
阅读次数：
151
1. 请减少HTTP请求基本原理：在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服 ...
分类：
Web程序 时间：
2016-05-05 15:54:32
阅读次数：
240
本文对《高性能网站建设指南》这本书中提出的14种基本的前端性能优化方案进行了总结，这本书介绍的优化方案比较过时了，不能完全满足目前前端性能优化，如果您浏览完能弄清楚每种方案的实施过程。就没必要看这本书了。规则1—减少HTTP请求1.使用图片地图 图片地图允许你在一个图片上关联多个URL，目标URL的... ...
分类：
Web程序 时间：
2016-05-04 19:06:33
阅读次数：
297
