Performance和PerformanceObserver，用户 Timing API，哦，学不完，根本学不完，这两周抽时间好好研究了一番，终于了解了个大概了?，特此记录下。
文章关键字 ‘前端性能’
狠狠地研究了下 PerformanceObserver API
2023年08月27日，星期日借助CSS mask遮罩显著优化PNG图片的尺寸
2020年05月8日，星期五
带有透明区域，同时色彩丰富的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演示页面。总之，希望本文的内容能够对你的学习有所帮助。
翻译 – 高性能网站需避免的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性能。其他就不多说了，本文有截图，有代码展示，还有演示文稿，希望能对您的学习有所帮助。
我的应用
我的应用