Web 性能优化
本系列合计 5 篇，按推荐阅读顺序列出。
- 网站性能中图片体积优化最佳实践
以实践为主，以理论为辅。 + $1: 把文件转化为 Base64 URL 1. 图片在网站中占比过大 1. 图片优化及其简单 1. 面试有用，性价比高 + [](https://web.dev/fast/#optimize-your-images) https://github.com/tigt/mini-svg-data-uri
Published: at 16:00 - 通过图像 Metadata 对网站性能与安全性进行优化
当你拿出自己的智能手机，来一张美美的自拍时，这张自拍就包含了**拍摄时间、位置、机型信息、拍摄参数等等信息**，称作这个图片的 Metadata 。越来越多的国产手机支持把 各式各样的 Metadata 作为水印，同时有一些产品根据这些信息制作水印相机。据说去年有个人开发者的水印小程序大火，山月也曾跃跃欲试去开发一个。嗯，跑远了... 由
Published: at 07:19 -
icon
撰写中
-
image-optim
撰写中
- 写在 2021 的前端性能优化指南总结
我们把性能优化的方向分为以下两个方面，有助于结构化的思考与系统分析。 1. 加载性能。如何更快地把资源从服务器中拉到浏览器，如 http 与资源体积的各种优化，都是旨在加载性能的提升。 1. 渲染性能。如何更快的把资源在浏览器上进行渲染。如减少重排重绘，rIC 等都是旨在渲染性能的提升。 + LCP: 加载性能。最大内容绘制应在 2.5s
Published: at 16:00