少用水的网站
为什么网站使用水
每个发送的页面都通过服务器和网络.它们使用电力,变热.许多数据中心都用水冷却,电力制作也使用水.
十个简单的,免费的步骤
- 较轻的图像: 网络或 鱼类,尺寸合适,
srcset让手机获得一个小版本. - 惰的装载:
loading="lazy"其他decoding="async"在折叠下面的图像. - 长缓存:
缓存控制:最大年龄=31536000,不可变对于每个版本名称变化的文件. - 静态网站和CDN:固定页面,服务于访问者附近,每次访问都没有工作.
- 没有自动播放视频或音频:只播放当用户点击时.
- 减少JavaScript:删除未使用的内容,剩下的内容只在需要的页面上加载.
- 荣誉
prefers-reduced-motion在隐藏的页面时,停止动画. - 没有追踪器或不必要的小工具.
- 字体:少量重量,WOFF2,按字母分.
- 测量:使用像EcoIndex这样的工具,测试页面,前后.
拉皮斯所做的
- 没有数据库和没有人工智能.
- 在第一屏幕下面的惰加载的三尺寸 (srcset) 的网络图像.
- 字体分为字母:只能下载所需的字母.
- 没有跟踪器,没有广告,没有自动播放视频.
- 游戏动画在隐藏的时暂停, 减动被尊重.
在第一次加载时测量的重量 (390 px电话)
| 页面 | 在之前 | 在此之后 |
|---|---|---|
| 接待/fr/ | 486 KB | 487 KB |
| /fr/jeu/ | 381 KB | 382 KB |
| 音乐 | 217 KB | 218 KB |
来源
这本指南是免费的. 它不建议任何产品.