衡量一个 Web 页面的体验和质量一直有非常多的工具和指标 ... 每次我们去关注这些指标的时候都会非常痛苦，因为这些指标真的是又多又难理解，测量这些指标的工具也非常多。 当看到最近发布的 Chrome 83 中又增加了几个性能指标的时候我头都大了... 优化用户体验的质量一直…

17. 使用 Brotli 或 Zopfli 进行纯文本压缩 18. 使用响应式图像和 WebP 19. 图像是否已恰当优化 20. 视频是否已恰当优化 21. Web 字体是否已恰当优化 22. 分清轻重缓急 23. 考虑使用 cutting-the-mustard 技术 2…

京东PLUS会员项目是国内第一个电商付费会员项目，正式开通的会员数量已破千万。

总括： 缓存从来都是前端的一个痛点，很多前端搞不清楚缓存到底是何物，从而给自己创造了一些麻烦，本文一如既往的用通俗易懂的文字和实例来讲述缓存，希望能让您有所得。 天青色等烟雨，而我在等你。 说实话，我起始真的不知道怎么去介绍缓存，所以引用了上面相对官方的定义。我想几乎每个开发者…

服务器上静态资源更新时请求服务器最新资源，加载又飞快。 静态资源加载速度引出了我们今天的主题，因为最直接的方式就是将静态资源进行缓存。页面渲染速度建立在资源加载速度之上，但不同资源类型的加载顺序和时机也会对其产生影响，所以也留给了我们更多的优化空间。 当然除了速度，缓存还有另外…

只知道用 localStorage 存储键值对，那你就 out 了

写在译前：首先介绍一下我自己，一个跨行业的、完全非科班生的文科单身狗。因为生计，走上了自学前端的荆棘之路，然后经过一路的摸爬打滚终于算是入了前端的这个门，自己也知道在前端这条道路上还有很长的路要走。平常生活中喜欢跑步，欢迎有同样爱好的大佬一起交流切磋。 这篇译文是在掘金Limi…

前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难，但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西，我们又要如何去证明它的好与坏呢？ 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍，如何从体验的角度去做重构的优化，并如何用数据去…

声音无法自动播放这个在IOS/Android上面一直是个惯例，桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在2018年4月份发布的Chrome 66也正式关掉了声音自动播放，也就是说<audio autopaly></audio> <…