网站的单页面有大量的几 M 的图片需要加载出来，如何提高打开速度呢？

[xiaxueme]

网站的单页面有大量的几 M 的图片需要加载出来，如何提高打开速度呢？ 程序用的是 WP ，图片已经压缩最大化了。

[infun]

这些图片是菩萨照片吗？

[yuzo555]

CDN

[Raynard]

压缩完不至于还几 m 吧，不管图片大小，这种情况只能上 cdn 分发解决。

[kaiki]

必须在页面展示原图，不能使用缩略图点开原图或图片查看器了展示原图吗？另外这个和搜索引擎优化没什么关系吧，是不是发错分类了？

[IvanLi127]

用户屏幕就那么大，只要保证用户在当前的视口范围内一直能看到对应位置的图片就好了，从这个角度出发，做懒加载和预加载吧。

超过用户显示器分辨率太多的图片全部加低清晰度的版本，用户查看原图或者下载时再用大图。

最后，上 CDN ，全部预热。

[vivipure]

用 webp 格式，尺寸会小特别多。

[opengps]

独立的图片站点，使用 oss 或者额外加上 cdn 回避带宽短板

[renmu]

懒加载，图片转成 webp ，压分辨率做缩略图

[fox0001]

这种情况下，打开速度是由客户端决定的。

[akira]

考虑下裁剪一下图片尺寸。或者图片放七牛之类的

[dengshen]

如果客户端带宽只有 1m, 你用啥办法优化都没用. 短板在客户端. 反过来上 oss+cdn 花钱能解决 99%的问题

[alect]

楼上说的之外，还可以用 wp 提供的公共 cdn 服务器加载图片
i0.wp.com ，i1.wp.com ，i2.wp.com ，i3.wp.com 目前有四个
把图片尽量平均加载到这些服务器，加载范例为：
https://i0.wp.com/img2.danews.cc/upload/images/20230619/309ed7f94659194e0aaa79830332abd6.jpg?ssl=1

或者用 wp 官方提供的 booster 插件，可以自动将网页里面引用的图片加载 i0.wp.com 前缀

[Lunrry]

@vivipure 不错，之前试过 webp 格式的图片，清晰度感觉没变化，但是加载快很多

[xiaxueme]

@infun
@yuzo555
@Raynard
@IvanLi127
@vivipure
@opengps
@renmu
@renmu
@fox0001
@akira
@dengshen
@alect
谢谢老哥们，我试试 webp 格式的图片和 cdn ，再次谢谢。

[akira]

图片大小裁剪一下啊。。感觉大概率是这方面的原因

[Kevens]

用 wordpress 修改一下图片大小和清晰度 可以有效减小图片大小。如果是 WP 还有个插件： https://wordpress.org/plugins/tiny-compress-images/