无线页面本就分秒必争，更不用说当我们在无线页面中使用动画的时候。不管是css动画还是canvas动画，我们都需要时刻小心着，并且有必要掌握页面性能的基本分析方法。
既然我们的目标是优化，那么就与浏览器的一些渲染和执行机制有关，更好的迎合浏览器的行为方式，才可以让我们的动画流畅而优美。
没错，浏览器是老大，全听它的。
一、设备刷新率（帧率）
我们想让页面变快，想让动画流畅，我们需要...
分类：
其他好文 时间：
2016-05-18 18:56:45
阅读次数：
247
优化页面性能 考虑到移动设备和移动互联网的特点，在进行移动网站的页面开发设计时，一个总的原则是考虑用户访问的效率，降低页面加载时间。 下面的内容来自百度，然后我自己做了笔记。另外可参考这个系列的文章。 减少访问请求数 从设计实现层面简化页面，不要放太多的图片、复杂的表达、动画、视频等等。 这个好理解 ...
分类：
移动开发 时间：
2016-05-13 17:11:02
阅读次数：
186
title: 提升性能——事件委托技术 date: 2016-05-11 22:13:43 tags: [javascript,improving performance, font-end] 提升页面性能之事件委托技术 (整理摘选自《Javascript高级程序设计》)概述 利用事件冒泡，只指定一 ...
分类：
其他好文 时间：
2016-05-11 23:38:12
阅读次数：
217
之前一直没有注意到这一点，因为当看到一些优秀的网站的源代码的时候，打开他们引用的css文件格式看起来也并非规范。但幸运的昨天偶然间看到的通过增强CSS规范可读性可优化页面性能，于是下决心痛改前非。 我整理了我所能理解到的CSS规范，可能不全，不过确实可以增加代码一部分可读性了。 1.宜用两次空格代表 ...
分类：
Web程序 时间：
2016-04-26 18:53:40
阅读次数：
207
1.CSS精灵图片技术 将一个页面涉及的所有零星图片都包含到一张大的图片中，然后利用CSS技术展现出来，可以减少http请求，减少整个网页的图片大小，提高页面性能。 2.合并js文件和css文件 减少GET请求次数，提高加载速度。 3.延迟可见区域外的内容 4.压缩文本和图片 如gzip压缩技术，可 ...
分类：
其他好文 时间：
2016-03-31 20:18:10
阅读次数：
175
现在动辄几兆大小的页面加载量，让性能优化成了不可避免的热门话题。WEB 应用越流畅，用户体验就会越好，继而带来更多的访问量。这也就是说，我们应该反省一下那些过度美化的 CSS3 动画和多重操作的 DOM 元素是否都考虑到了在性能方面的影响。在说性能优化之前，我们有必要理清浏览器视觉绘制方面的两个术语 ...
分类：
Web程序 时间：
2016-03-24 21:41:47
阅读次数：
367
div+css实现未知宽高元素垂直水平居中。很多同学在面试的时候都会遇到这样的问题：怎么用div+css的方法实现一个未知宽高的弹出框垂直水平居中？？如果用JS的话就好办了，但是JS的使用会对页面性能造成影响，而且能用CSS实现的干嘛用JS呢，嘿嘿 <!DOCTYPE html> <html> <h
分类：
Web程序 时间：
2016-03-03 19:17:21
阅读次数：
148
从四个方面帮你做好移动页面性能优化 http://www.uisdc.com/mobile-website-performance-optimization
分类：
移动开发 时间：
2016-02-16 20:26:20
阅读次数：
132
我们先来看一个瀑布图来确定一个页面性能问题是由哪些项造成的。chorome自带开发者工具 图中每一行表示一个http请求，每个请求都有一条时间线。用于标识这个请求所花费的时间。假设将鼠标放到某一条时间线上。能够看到下面信息域名解析：搜索DNSserver并解析域名为IP地址所花费的事件。这里是0m....
分类：
Web程序 时间：
2016-01-18 11:49:46
阅读次数：
181
PS：结合了精英的思想和自己的一些小小的总结~影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？...
分类：
Web程序 时间：
2016-01-11 19:59:46
阅读次数：
219
