欲罢不能的性能优化

[awesomes]

近段时间在关注性能优化的点，包括首屏时间什么的，之前做了虚拟滚动提升了解析性能，最近偶然在 PageSpeed Insights 上测了一下站点的性能居然只有 40 多，吓得我赶紧做了一堆加载优化，看看优化之后的

对比一下掘金的

再看看 V2EX 的

主要优化包括：去除了很多首屏不需要加载的资源，重新规划 chunk ，第三方资源直接引用公共 CDN ，等，加上 PWA Service Worker 本地缓存的加持，后续访问就更快了

当然这里面很大的一部分原因取决于项目使用的 CDN 在国外的访问速度，说明阿里云的全球加速还是杠杠的。大家在用什么 CDN 国内外都访问快的分享一下啊

[xieqiqiang00]

最快的速度展现首屏，然后做点花里胡哨的动画，比你绞尽脑汁减少 1 秒等待来的有效得多

[janus77]

这个分数跟页面的内容复杂度有关系吗

[awesomes]

@janus77 主要是加载速度，下面有分析细节，可以针对性优化

[Tumblr]

不好意思，我是漏看了一个“能”字才点进来的。

[abersheeran]

我博客在电脑上 99 分😂手机上 67 分

[bthulu]

要这么快的速度干嘛用, 看看京东首页, 加载速度多慢, 你会不用么?

[046569]

100 是满分了？我啥优化也没做，只是默认设置。

[awesomes]

服务器在国外吧，手机上用移动网模拟，普遍偏低

[awesomes]

@046569 应该是你用的什么静态博客生成之类的工具已经帮你做了足够多的优化了

[awesomes]

@bthulu 你可能不知道人家部门花了多少精力在优化首屏渲染，对这类应用来说，人家的加载速度已经做得很不错了

[046569]

@awesomes
只是喜欢用 Ruby on Rails ，把老掉牙的 turbolinks 集成进去而已。懒到甚至都没更新到 Turbo ，安慰自己说其实已经蛮快了。
怀念以前为优化一点点性能欢呼雀跃的日子。

[awesomes]

@046569 很不错了，ROR 在很长一段时间给 web 开发提供了很多优秀的思想，包括之前的 turbolinks 。

[shm7]

还是很极客的，和我极客的不在一个方向上。

[oneisall8955]

@Tumblr #4 无形开车呀

[en20]

想到一个笑话, 程序员费尽千辛万苦加快了应用启动速度 0.5s, 然后老板让加个 3s 的开屏广告😁

[awesomes]

@en20 哈哈，追求还是要有的

[Cmdhelp]

tengine 阿里的全球加速（好用不贵）