网站的单页面有大量的几 M 的图片需要加载出来,如何提高打开速度呢? 程序用的是 WP ,图片已经压缩最大化了。
1
infun 2023-06-25 22:17:49 +08:00 1
这些图片是菩萨照片吗?
|
2
yuzo555 2023-06-25 22:19:08 +08:00
CDN
|
3
Raynard 2023-06-25 22:21:02 +08:00
压缩完不至于还几 m 吧,不管图片大小,这种情况只能上 cdn 分发解决。
|
4
kaiki 2023-06-25 22:21:19 +08:00
必须在页面展示原图,不能使用缩略图点开原图或图片查看器了展示原图吗?另外这个和搜索引擎优化没什么关系吧,是不是发错分类了?
|
5
IvanLi127 2023-06-25 22:46:59 +08:00 via Android
用户屏幕就那么大,只要保证用户在当前的视口范围内一直能看到对应位置的图片就好了,从这个角度出发,做懒加载和预加载吧。
超过用户显示器分辨率太多的图片全部加低清晰度的版本,用户查看原图或者下载时再用大图。 最后,上 CDN ,全部预热。 |
6
vivipure 2023-06-25 23:07:41 +08:00
用 webp 格式,尺寸会小特别多。
|
7
opengps 2023-06-25 23:56:51 +08:00
独立的图片站点,使用 oss 或者额外加上 cdn 回避带宽短板
|
8
renmu 2023-06-26 00:08:25 +08:00 via Android
懒加载,图片转成 webp ,压分辨率做缩略图
|
9
fox0001 2023-06-26 00:14:37 +08:00 via Android
这种情况下,打开速度是由客户端决定的。
|
10
akira 2023-06-26 05:33:21 +08:00
考虑下裁剪一下图片尺寸。或者图片放七牛之类的
|
11
dengshen 2023-06-26 08:58:35 +08:00
如果客户端带宽只有 1m, 你用啥办法优化都没用. 短板在客户端. 反过来上 oss+cdn 花钱能解决 99%的问题
|
12
alect 2023-06-26 10:39:54 +08:00
|
14
xiaxueme OP |
15
akira 2023-06-26 23:14:07 +08:00
图片大小裁剪一下啊。。感觉大概率是这方面的原因
|
16
Kevens 2023-07-13 12:37:54 +08:00
用 wordpress 修改一下图片大小和清晰度 可以有效减小图片大小。如果是 WP 还有个插件: https://wordpress.org/plugins/tiny-compress-images/
|