如果使用宽带只有 3M 的云服务器怎么做网页加载优化?
这是 3Mbps 不是 3Mbyte, 也就是网速才300kb/s 左右,怎么才能在低速带宽的情况下加载的更快呢?
前端:
- 前端构建时生成 .gz 或者 .br 文件
- 开启懒加载
- nginx 开启 gzip br 支持, br 压缩率最高 但是需要 nginx 引入模块比较麻烦
- nginx 缓存静态资源,如果文件路径有 hash 标识使用长期强缓存策略,如果固定路径就使用协商缓存,减少资源传输
- 资源引入 cdn 但是需要付费, 咱还是倾向于白嫖。
website/assets/css-Dq8WDDkr.css.gz 1.56kb / gzip: 0.52kb website/assets/directive-D33D1Ol-.js.gz 4.45kb / gzip: 1.89kb website/assets/edit-DzORVl7R.js.gz 11.10kb / gzip: 3.72kb website/assets/profile-G9BY3Ulw.css.gz 2.41kb / gzip: 0.89kb website/assets/css-ChJ4pa11.js.gz 15.06kb / gzip: 5.66kb website/assets/edit-maAN44-o.css.gz 24.79kb / gzip: 3.94kb website/assets/articles-DXNwxWOf.css.gz 49.21kb / gzip: 7.10kb website/assets/profile-Co5ehNEm.js.gz 6.92kb / gzip: 2.93kb website/assets/upload-Ddg8QdjW.js.gz 51.14kb / gzip: 19.56kb website/assets/articles-IQGRqVFG.js.gz 130.53kb / gzip: 42.58kb website/assets/index-DA-vdobF.js.gz 547.53kb / gzip: 181.12kb
后端
- 开启 mybatis 缓存,避免重复数据查询等待
