前端加载速度优化,有没小伙伴有优化的黑科技(骚操作),嘻嘻学习下

2020-08-05 22:41:51 +08:00
 zhdsuperm

贴一篇以前的文章: 前端加载速度优化
按文章步骤优化了加载速度明显提高,不过感觉还有很大优化空间,买了阿里的 CDN,全球加速流量包。。。 翻墙访问的速度还是很感人,有没小伙伴支支招。

1176 次点击
所在节点    前端优化
5 条回复
ChanKc
2020-08-05 23:24:29 +08:00
service worker+cache
img 的 lazy loading https://web.dev/native-lazy-loading/
purgecss 砍 css 的内容 https://purgecss.com/
按 user agent 分版本部署,一版“现代的”一版“兼容的”。现代的那版可以上 es6 的模块,还有减少 CSS 的 prefix 等等
https://instant.page/
ChanKc
2020-08-05 23:33:09 +08:00
还有些想到的:brotli 压缩
Cache-Control: immutable
这些都用上了之后就只能再具体情况具体分析了
somalia
2020-08-05 23:56:53 +08:00
少点 js
少点 css
少点 api
lovedebug
2020-08-06 00:06:11 +08:00
你需要它 https://3perf.com/
Oceanhime
2020-08-06 10:00:18 +08:00
这种的感觉具体情况具体分析比较好
Network Lighthouse 一下看看先, 一般 Lighthouse 会把修改建议一并给你
如果你是在用梯子模拟国外访问也要注意梯子的速度损耗

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/695976

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX