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