一、服务器侧优化 1. 添加 Expires 或 Cache-Control 信息头 某些经常使用到、并且不会经常做改动的图片(banner、logo等等)、静态文件(登录首页、说明文档等)可以设置较长的有效期(expiration date),这些HTTP头向客户端表明了文档的有效性和持久性。如果...
分类:
Web程序 时间:
2015-06-10 18:47:25
阅读次数:
130
概述 PC优化手段在Mobile侧同样适用 在Mobile侧我们提出三秒种渲染完成首屏指标 基于第二点,首屏加载3秒完成或使用Loading 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB Mobile侧因手机配...
分类:
移动开发 时间:
2015-06-03 17:53:02
阅读次数:
127
前端性能优化是指浏览器加载网页时,减少加载时间,提高网页运行速度,从而达到一个更好的用户体验。可是要做到前端性能优化这一点却并不容易,因为前端性能优化涉及多个方面,在html,css,js里面都可以做到前端性能优化。这里就从这三个方面来看一下怎么做到这方面。 做到前端性能优化首先就应该按照We...
分类:
其他好文 时间:
2015-06-01 00:36:47
阅读次数:
176
首先牢骚几句。。。这一次性能优化针对的模块,初次开发阶段客户给的时间就非常少,俩月时间跳过设计一边需求分析一边编码,最后干出6000+的代码行。最终结果嘛,呵呵,除开一堆bug不说,性能就是个非常大的问题。这次客户想让我们给它优化了,给的工时仍然是少少少。。。常规方法都备齐之后性能没有太多改善,因为...
分类:
Web程序 时间:
2015-05-31 12:14:44
阅读次数:
110
概述PC优化手段在Mobile侧同样适用在Mobile侧我们提出三秒种渲染完成首屏指标基于第二点,首屏加载3秒完成或使用Loading基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KBMobile侧因手机配置原因,除加载外渲染速度也是优化重点基于第五点,要合理处...
分类:
移动开发 时间:
2015-05-29 17:26:59
阅读次数:
148
移动web性能优化最近看了一些文章,对移动web性能优化方法,做一个简单笔记笔记内容主要出自 移动H5前端性能优化指南和移动前端系列——移动页面性能优化
分类:
移动开发 时间:
2015-05-27 22:37:16
阅读次数:
174
概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因,除加载外渲染速度也...
分类:
移动开发 时间:
2015-05-24 23:35:30
阅读次数:
170
iScoll这个开源组件的作者写了一篇心得 ,分享了他对前端性能优化的经验,这里翻译一下,有不错的参考作用。 --------------------- 首先,不要迷信“性能优化技巧(performance tricks)”之类的文章,包括你在看...
分类:
Web程序 时间:
2015-05-22 13:40:17
阅读次数:
142
做项目中有遇见哪些困难? 1、比如angular来做单页面的跳转,前进和后退按钮使用不了 解决方案 2、还有别的吗 你有做过哪些前端性能优化? CDN挂载为什么不挂载整个应用? 逻辑题/算法题: 如何判断一个页面是osc...
分类:
其他好文 时间:
2015-05-20 11:30:48
阅读次数:
171
缓存DOM对象
在内存中操作元素
由于DOM操作会导致浏览器的回流,回流需要花费大量的时间进行样式计算和节点重绘与渲染,所以应当尽量减少回流次数。一种可靠的方法就是加入元素时不要修改页面上已经存在的元素,而是在内存中的节点进行大量的操作,最后再一并将修改运用到页面上。
一次性DOM节点生成
在这里我们每次都需要生成节点(document.createElement("li")),然后将其加入到内存片段中,我们可以通过innerHTML属性来一次性生成节点,具体的思路就是使用字符串拼接的方式,先生成相应的HT...
分类:
其他好文 时间:
2015-05-14 16:42:46
阅读次数:
119