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

对比一下掘金的

再看看 V2EX 的

主要优化包括:去除了很多首屏不需要加载的资源,重新规划 chunk ,第三方资源直接引用公共 CDN ,等,加上 PWA Service Worker 本地缓存的加持,后续访问就更快了
当然这里面很大的一部分原因取决于项目使用的 CDN 在国外的访问速度,说明阿里云的全球加速还是杠杠的。大家在用什么 CDN 国内外都访问快的分享一下啊
|  |      1xieqiqiang00      2022-04-02 12:22:56 +08:00  2 最快的速度展现首屏,然后做点花里胡哨的动画,比你绞尽脑汁减少 1 秒等待来的有效得多 | 
|  |      2rb6221      2022-04-02 13:19:02 +08:00 这个分数跟页面的内容复杂度有关系吗 | 
|  |      4Tumblr      2022-04-02 14:04:50 +08:00  2 不好意思,我是漏看了一个“能”字才点进来的。 | 
|  |      5abersheeran      2022-04-02 14:11:02 +08:00 我博客在电脑上 99 分😂手机上 67 分 | 
|      6bthulu      2022-04-02 14:17:31 +08:00 要这么快的速度干嘛用, 看看京东首页, 加载速度多慢, 你会不用么? | 
|  |      7046569      2022-04-02 14:24:08 +08:00 | 
|  |      8awesomes OP 服务器在国外吧,手机上用移动网模拟,普遍偏低 | 
|  |      11046569      2022-04-02 15:22:08 +08:00 @awesomes  只是喜欢用 Ruby on Rails ,把老掉牙的 turbolinks 集成进去而已。懒到甚至都没更新到 Turbo ,安慰自己说其实已经蛮快了。 怀念以前为优化一点点性能欢呼雀跃的日子。 | 
|  |      12awesomes OP @046569  很不错了,ROR 在很长一段时间给 web 开发提供了很多优秀的思想,包括之前的 turbolinks 。 | 
|  |      13shm7      2022-04-02 18:41:31 +08:00 还是很极客的,和我极客的不在一个方向上。 | 
|  |      15en20      2022-04-03 13:13:52 +08:00 想到一个笑话, 程序员费尽千辛万苦加快了应用启动速度 0.5s, 然后老板让加个 3s 的开屏广告😁 | 
|      17Cmdhelp      2022-05-11 11:32:49 +08:00 tengine 阿里的全球加速(好用不贵) |