1. 请减少HTTP请求 基本原理： 在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。 一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才 ...
分类：
其他好文 时间：
2016-07-30 13:20:19
阅读次数：
109
今天网站上线自己搜集总结了一些前端的优化1.精灵图 多个图片拼成一个图片，然后通过CSS来控制在什么地方具体显示这整张图片的什么位置（毕竟流量 都是钱啊） 2.css选择器优化 3. js改变样式直接操作类名 4. js直接操作dom节点 5.正则匹配选择器6.js获取元素优化 7.内存溢出 一般在 ...
分类：
其他好文 时间：
2016-07-19 20:51:16
阅读次数：
155
其实在web开发中，单纯因为js导致性能问题的很少，主要都是因为DOM操作引起的。1查找元素的优化2改变DOM，包括添加，修改，删除DOM3改变DOM的样式类等1查找元素的优化 因为ID是唯一的，也有原始的方法，因此使用ID查找元素是最快的，其次的是根据类和类型查找元素，通过属性查找元素是最慢的，因此应该尽可能的通过ID或者类来查找元素，避免通过类来查找元素。2改变DOM，包括添加，修改，删除D...
分类：
其他好文 时间：
2016-07-10 19:22:35
阅读次数：
128
作者：野次链接：http://www.zhihu.com/question/33032042/answer/95948831来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 1. 减少HTTP请求次数 尽量合并图片、CSS、JS。比如加载一个页面，如果有5个css文件的 ...
分类：
Web程序 时间：
2016-07-06 18:11:40
阅读次数：
212
其实查看jQuery的源代码，发现each的代码很简单，但为什么性能和原生的for循环相差几十倍呢？jQuery的each的核心代码 for (; i < length; i++) {
value = callback.call(obj[i], i, obj[i]);
if (value === false) {...
分类：
Web程序 时间：
2016-07-05 17:15:06
阅读次数：
290
1不使用each，2尽量使用ID，类，类型选择器，避免使用属性选择器3选择器添加第二个参数4...
分类：
Web程序 时间：
2016-07-05 17:14:02
阅读次数：
275
在web开发中，避免不了字符串连接的操作，但字符串的连接操作性能高吗？之前有不少文章说使用加号性能地下，建议使用数组的join操作。测试代码：var length = 300000;
/*数组的 join*/
function Test1() {
var date1 = new Date().getTime();
var t = [];...
分类：
其他好文 时间：
2016-07-05 15:43:09
阅读次数：
186
基础：1.本地存储 2.后端逻辑 DNS寻址以及IP解析访问 Network 下的 Headers -> Remote Address 一样可以访问本站 WebServer 背后的事 性能优化包括前端、后端、网络以及硬件机器 页面渲染流程HTML页面请求浏览器的js引擎 尽量减少页面的reflow防 ...
分类：
其他好文 时间：
2016-06-26 23:45:36
阅读次数：
207
TOP1：图片尺寸远大于坑位尺寸 TOP2：背景图片未优化 TOP3:非首屏图片没有懒加载 ...
分类：
Web程序 时间：
2016-06-24 10:36:03
阅读次数：
196
最近和同事一起做了一个分享会，主题是移动前端性能优化，主要分享一些提供移动页面加载速度的方法。分享的主题是同事想的，讲解的内容也是同事提供的，我负责讲，对于我而已，2个的难度是一样的，让我找分享的内容，我觉得自己的墨水实在很少，分什么可以分享给大家的，让我讲，我胆子小，容易紧张，但是不管如果，轮到了 ...
分类：
移动开发 时间：
2016-06-21 17:13:33
阅读次数：
253
