文章关键字 ‘前端性能’

狠狠地研究了下 PerformanceObserver API

2023年08月27日,星期日

乌鸦南瓜封面图

Performance和PerformanceObserver,用户 Timing API,哦,学不完,根本学不完,这两周抽时间好好研究了一番,终于了解了个大概了🙊,特此记录下。

阅读全文…

借助CSS mask遮罩显著优化PNG图片的尺寸

2020年05月8日,星期五

遮罩压缩PNG封面图

带有透明区域,同时色彩丰富的PNG图片再怎么压缩体积也是很大的,有没有什么办法既保持PNG图片的透明,又显著降低图片的尺寸呢?本文就将介绍如何使用CSS遮罩降低超过50%大小的PNG体积,优化性能。

阅读全文…

小tips: PC端传统网页试试使用Zepto.js进行开发

2016年07月20日,星期三

Zepto.js设计之初专为移动端,不对一些古董浏览器支持。所以,尺寸很小,我很喜欢。目前,从用户访问情况来看,绝大多数用户使用的是现代浏览器,也就是Zepto支持的浏览器,这让这些浏览器中直接使用Zepto成为了可能……

阅读全文…

梳理:提高前端性能方面的处理以及不足

2013年04月3日,星期三

如题,自己折腾网站时候关于前端性能方面处理的一点经验梳理。自我总结同时也希望可以和大家多多交流。

阅读全文…

小tip: base64:URL背景图片与web页面性能优化

2012年04月13日,星期五

正如标题所示,本文内容就是介绍如何使用base64编码的CSS背景图片对web页面做性能优化。先介绍何为base64编码,如何base64编码,以及为何需要base64编码,最后付诸实际进行演示。
一如既往,有详尽的源代码展示,必要的截图以及demo演示页面。总之,希望本文的内容能够对你的学习有所帮助。

阅读全文…

热门:响应图片(Responsive Images)技术简介

2012年02月15日,星期三

响应图片技术可以说是响应布局衍生出来的一个小分支。说白了,就是不同显示器宽度下调用不同的图片。
这玩意,最近在国外讨论很火,有几种不同的实现方法,但都并不复杂。本文就将简单介绍这些方法,从原理到实践。同样的,代码示例,截图,demo页面,都有。希望本文的内容能够对您的学习有所帮助。

阅读全文…

翻译 – 高性能网站需避免的7个错误

2011年11月28日,星期一

假期临近(应该指感恩节和圣诞节),公司增加了SEM方面的花费,关注SEO,修改页面。然而,为了最大的销售额,这些时间、财力上的付出可能就是打水漂——如果假期增加了访问量让网站速度变慢甚至下去的话。
性能影响用户是毫无疑问的。网站速度直接影响反弹率、转化率、收入、用户满意度、搜索引擎优化(已知的如反映网站流行度的Page Rank)以及几乎所有值得追踪的业务。用户离开速度慢的网站,而且往往不会再回来。
还在不久前,用户离开一个网站的时间点是8秒。然而,很快就是6秒,然后4秒,然后现在是2秒……

阅读全文…

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

2010年08月19日,星期四

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

阅读全文…