V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xiaxueme
V2EX  ›  搜索引擎优化

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

  •  
  •   xiaxueme · 2023-06-25 22:09:36 +08:00 · 1575 次点击
    这是一个创建于 510 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    16 条回复    2023-07-13 12:37:54 +08:00
    infun
        1
    infun  
       2023-06-25 22:17:49 +08:00   ❤️ 1
    这些图片是菩萨照片吗?
    yuzo555
        2
    yuzo555  
       2023-06-25 22:19:08 +08:00
    CDN
    Raynard
        3
    Raynard  
       2023-06-25 22:21:02 +08:00
    压缩完不至于还几 m 吧,不管图片大小,这种情况只能上 cdn 分发解决。
    kaiki
        4
    kaiki  
       2023-06-25 22:21:19 +08:00
    必须在页面展示原图,不能使用缩略图点开原图或图片查看器了展示原图吗?另外这个和搜索引擎优化没什么关系吧,是不是发错分类了?
    IvanLi127
        5
    IvanLi127  
       2023-06-25 22:46:59 +08:00 via Android
    用户屏幕就那么大,只要保证用户在当前的视口范围内一直能看到对应位置的图片就好了,从这个角度出发,做懒加载和预加载吧。

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

    最后,上 CDN ,全部预热。
    vivipure
        6
    vivipure  
       2023-06-25 23:07:41 +08:00
    用 webp 格式,尺寸会小特别多。
    opengps
        7
    opengps  
       2023-06-25 23:56:51 +08:00
    独立的图片站点,使用 oss 或者额外加上 cdn 回避带宽短板
    renmu
        8
    renmu  
       2023-06-26 00:08:25 +08:00 via Android
    懒加载,图片转成 webp ,压分辨率做缩略图
    fox0001
        9
    fox0001  
       2023-06-26 00:14:37 +08:00 via Android
    这种情况下,打开速度是由客户端决定的。
    akira
        10
    akira  
       2023-06-26 05:33:21 +08:00
    考虑下裁剪一下图片尺寸。或者图片放七牛之类的
    dengshen
        11
    dengshen  
       2023-06-26 08:58:35 +08:00
    如果客户端带宽只有 1m, 你用啥办法优化都没用. 短板在客户端. 反过来上 oss+cdn 花钱能解决 99%的问题
    alect
        12
    alect  
       2023-06-26 10:39:54 +08:00
    楼上说的之外,还可以用 wp 提供的公共 cdn 服务器加载图片
    i0.wp.comi1.wp.comi2.wp.comi3.wp.com 目前有四个
    把图片尽量平均加载到这些服务器,加载范例为:
    https://i0.wp.com/img2.danews.cc/upload/images/20230619/309ed7f94659194e0aaa79830332abd6.jpg?ssl=1

    或者用 wp 官方提供的 booster 插件,可以自动将网页里面引用的图片加载 i0.wp.com 前缀
    Lunrry
        13
    Lunrry  
       2023-06-26 13:32:37 +08:00
    @vivipure 不错,之前试过 webp 格式的图片,清晰度感觉没变化,但是加载快很多
    xiaxueme
        14
    xiaxueme  
    OP
       2023-06-26 21:40:46 +08:00
    @infun
    @yuzo555
    @Raynard
    @IvanLi127
    @vivipure
    @opengps
    @renmu
    @renmu
    @fox0001
    @akira
    @dengshen
    @alect
    谢谢老哥们,我试试 webp 格式的图片和 cdn ,再次谢谢。
    akira
        15
    akira  
       2023-06-26 23:14:07 +08:00
    图片大小裁剪一下啊。。感觉大概率是这方面的原因
    Kevens
        16
    Kevens  
       2023-07-13 12:37:54 +08:00
    用 wordpress 修改一下图片大小和清晰度 可以有效减小图片大小。如果是 WP 还有个插件: https://wordpress.org/plugins/tiny-compress-images/
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2652 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 03:24 · PVG 11:24 · LAX 19:24 · JFK 22:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.