这里理论部分我就不多说了，因为我本人是学习后端，前端就不太涉及，关于web页面渲染以及网络请求等知识我也只是浅尝辄止，这里我直接说我的实操改善部分

压缩静态资源

图片优化策略

图片多级压缩

  • 建议改成 webp 和 avif（chrome 推荐的一种压缩率更高的编码方式）

设置图片懒加载

  • 主题可以自行设置

静态资源（html，css，js等）使用gulp

字体优化

  • 利用 CloudConvert 将 TTF 格式转换成 woff2 格式

使用cdn加速

搭建个人图床

浏览器储存优化策略

Cookie的合理使用

LocalStorage（存储静态）

SessionStorage

使用性能检测针对型优化

使用Lighthouse工具测评（内置于chrome开发工具中）

使用灵雀

  • https://perf.51.la/

购买个人服务器，添加域名优化