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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

PageSpeed 相关文档

› 为 NGINX 编译 PageSpeed 支持

› ngx_pagespeed

› Configuring mod_pagespeed Filters

加载性能测试工具

› WebPagetest

› Gomez

这是一个创建于 1549 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

优化

速度

支支

CDN

5 条回复 • 2020-08-06 10:00:18 +08:00

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 会把修改建议一并给你
如果你是在用梯子模拟国外访问也要注意梯子的速度损耗