图片优化
让图片密集的页面更快。
页面要快，首先要选对图片，而不是只选最小的文件。我们会为每个屏幕选择合适的格式、尺寸、加载方式和交付路径。
先从一个加载缓慢的页面开始。我们会说明该改什么，以及为什么。
页面速度问题
大图片让每次访问都在等待。
图片大于版面需要时，浏览器会下载读者看不到的内容。解决方法是让图片、屏幕和显示时机相匹配。
找到重要的图片
先检查首屏和主要内容，再处理其他部分。
让图片匹配用途
首屏图、产品照片、图表和缩略图需要不同的处理。
修改后检查页面
保留读者需要的细节，然后确认页面加载更快。
四项实用检查
每张图片都要值得它占用的空间。
格式
在不牺牲质量的情况下，使用 WebP 或 AVIF 来减小文件。需要时保留备用格式。
尺寸
提供接近显示尺寸的文件，手机也一样。
加载
尽早加载首屏图片。延迟加载从首屏以下开始的图片。
质量
比较修改前后。如果图片看起来不对，更小并不代表更好。
如果您只是需要发送大文件， 请使用 Devenia Send 而不是修改网站。
结果
页面更快。图片更清晰。效果有据可查。
文件更小，图片不变。
浏览器下载的大小更接近版面实际需要。
每个屏幕都有合适的尺寸。
每个屏幕都能得到合用的源尺寸。
看得见的结果。
我们比较修改前后的页面，让变化一目了然。