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

PageSpeed 相关文档

› 为 NGINX 编译 PageSpeed 支持

› ngx_pagespeed

› Configuring mod_pagespeed Filters

加载性能测试工具

› WebPagetest

› Gomez

This topic created in 2144 days ago, the information mentioned may be changed or developed.

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

优化

速度

支支

CDN

5 replies • 2020-08-06 10:00:18 +08:00

ChanKc

Aug 5, 2020

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

Aug 5, 2020

还有些想到的：brotli 压缩
Cache-Control: immutable
这些都用上了之后就只能再具体情况具体分析了

somalia

Aug 5, 2020

少点 js
少点 css
少点 api

lovedebug

Aug 6, 2020

你需要它 https://3perf.com/

Oceanhime

Aug 6, 2020

这种的感觉具体情况具体分析比较好
Network Lighthouse 一下看看先, 一般 Lighthouse 会把修改建议一并给你
如果你是在用梯子模拟国外访问也要注意梯子的速度损耗