图片压缩
遇到图片加载慢第一想到的就是图片压缩,可以使用在线的 TinyPng 服务来压缩,也可以使用开源的 sharp 库压缩。
懒加载
遇到大量图片的页面可以考虑使用懒加载优化网页加载速度,避免大量图片同时加载占用带宽。
实现一个懒加载组件
我们可以用 IntersectionObserver 这个接口来判断图片是否可见从而来实现懒加载。
遇到图片加载慢第一想到的就是图片压缩,可以使用在线的 TinyPng 服务来压缩,也可以使用开源的 sharp 库压缩。
遇到大量图片的页面可以考虑使用懒加载优化网页加载速度,避免大量图片同时加载占用带宽。
我们可以用 IntersectionObserver 这个接口来判断图片是否可见从而来实现懒加载。
\\wsl$\
访问WSL目录,并对用户目录~\
有写权限)1、创建使用Typescript的项目
1 | npx create-react-app my-app --typescript |
2、安装sass依赖