文章关键字 ‘性能’

移动页面加速google的AMP和百度的MIP简介

2017年09月10日,星期日

google先出了个AMP – Accelerated Mobile Pages(加速的移动页面),后来百度仿照出了个MIP- Mobile Instant Pages – 移动网页加速器。那这些新技术对我们的产品收益有帮助吗?对我们产品开发有什么影响呢?

阅读全文…

翻译:慢点更好-为何排序比速度更重要?

2014年12月7日,星期日

我们平时都关注网页性能,或许还忽略了一个很重要的东西,元素的排序。很多时候,如何让页面元素以合适的排序呈现要比页面加载速度更重要。本译文的主要思想就是这个,欢迎围观。

阅读全文…

HTML5 Battery电池状态相关API简介

2014年01月27日,星期一

随着HTML5以及CSS3技术支持与发展,以及手机越来越高性能带来的可行性。移动端的页面显然会越来越烧电。例如,流畅的动画效果,模糊阴影等视觉体验。因此可能会出现这样的情况,用户电量快不行了,又没有电源来一发,你的网页还呼呼的烧电,显然,用户一旦感觉到浏览这破页面手机电量流失比武大郎那个还快,怕是会红杏出墙,寻找类似西门庆这种更持久的产品了。

因此,如果网页能够感知手机的电源,我们似乎能够为用户做的更多。比方说,当用户电量不足15%, 需要再来一发的时候……

阅读全文…

pointer-events:none提高页面滚动时候的绘制性能?

2014年01月4日,星期六

“pointer-events:none提高页面滚动时候的绘制性能?”注意标题后面的问号。一般这种标题都说明作者要否定这个结论。我这里是否定呢还是坑定呢?不告诉你,你自己去寻找答案。

本文不单纯介绍技术,还探讨了关于“真理”的话题,若有兴趣,一起加入讨论吧。用真理来解决与研究技术问题。相信本文的内容不会让你失望的。

阅读全文…

CSS3动画那么强,requestAnimationFrame还有毛线用?

2013年09月30日,星期一

requestAnimationFrame与动画
本文可谓JS实现动画必读文章。设计实现、性能、动画算法,CSS3相关等一系列内容。配以生动的对话体,二次元与三次元的碰撞;丰富的demo、截图以及源代码展示,平白易懂的文字,相信本文的内容一定能够对您的学习有所帮助!

阅读全文…

实验:absolute/display隐藏与回流等性能

2013年01月17日,星期四

有个问题让我耿耿于怀3年,元素应用position:absolute脱离文档流这一过程会不会产生回流?OK,本文就将通过实验来解决这个困扰我多年的疑问。并通过其他一些测试,研究下各种隐藏方法的回流、布局、渲染等性能。
大量的demo页面以及截图展示,总之,希望本文的内容能够对您的学习有所帮助!

阅读全文…

关于一个JS功能实现的思维方式

2011年10月26日,星期三

现实生活的经验告诉我们,尽量不要走重复的路程,不要做重复的事情,尽量避免从头再来,因为这意味着你付出的辛劳(某种意义上)都白费了。
举简单的例子,我们要去美国,结果兴冲冲赶到机场,发现签证没带,我想谁都不愿理再重新赶回去拿签证。
再举个例子,我们玩网游,比如魔兽,辛辛苦苦打了几个月,好不容易升了几十级,结果号被人盗了,你要重头开始练级,估计是谁都会气得吐血三升而亡的。
上面两个例子可能与主题还不够贴切,再举两个例子吧:
不知大家走迷宫的游戏,如果我们走一条路发现不通,怎么半?是退出到之前一个岔路口重新走呢?还是从起点重新走呢?
美女茜茜认识了个男生,如果这个男生很有钱,茜茜会跟他结婚;如果这个男的现在还是很寒酸,则茜茜可以等两年这个男的有钱了再和他结婚。结果两年后,这个男的果然有钱了,你说茜茜是跟他直接结婚呢,还是要重新认识? ……

阅读全文…

翻译-不同CSS技术及其CSS性能

2010年08月19日,星期四

本文是篇译文,主要简单介绍了一些CSS技术,例如面向对象CSS还有就是SASS技术,然后重点是对这些技术下的CSS性能进行了测试从而得出关于CSS以及浏览器方面的一些数据。其实OOCSS以及SASS是技术的难点,和值得讲解的地方,但是本文的重点不在此,而在其CSS性能。其他就不多说了,本文有截图,有代码展示,还有演示文稿,希望能对您的学习有所帮助。

阅读全文…

翻译 – CSS Sprites:实用技术还是生厌之物?

2010年03月30日,星期二


这是一篇翻译的文章,翻译的原因在于,我与原作者有类似的观点,即我自己也觉得CSS sprites的使用到了重新审视的时候。不过老实讲,本文作者在观点的表达以及论证上多少有些牵强,但是实际上,CSS sprites确实是需要善用的。难得的,本文没有demo,没有源文件。只是希望能够对您有一些新的启示。

阅读全文…

回流与重绘:CSS性能让JavaScript变慢?

2010年01月23日,星期六

CSS书写与性能
我之前已经翻译过一篇关于reflow的文章,您有兴趣可以看看(点击这里)。我觉得这个东西还挺重要,所以这里又翻译了一篇文章。对于这里翻译的这篇文章,其实已经有一些介绍,但只是部分内容,这里翻译的则是全文。希望对回流的认识有进一步的提高与重视。

阅读全文…