V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
awesomes
V2EX  ›  程序员

欲罢不能的性能优化

  •  
  •   awesomes · 2022-04-02 11:28:53 +08:00 · 4487 次点击
    这是一个创建于 960 天前的主题,其中的信息可能已经有所发展或是发生改变。

    近段时间在关注性能优化的点,包括首屏时间什么的,之前做了虚拟滚动提升了解析性能,最近偶然在 PageSpeed Insights 上测了一下站点的性能居然只有 40 多,吓得我赶紧做了一堆加载优化,看看优化之后的

    对比一下掘金的

    再看看 V2EX 的

    主要优化包括:去除了很多首屏不需要加载的资源,重新规划 chunk ,第三方资源直接引用公共 CDN ,等,加上 PWA Service Worker 本地缓存的加持,后续访问就更快了

    当然这里面很大的一部分原因取决于项目使用的 CDN 在国外的访问速度,说明阿里云的全球加速还是杠杠的。大家在用什么 CDN 国内外都访问快的分享一下啊

    17 条回复    2022-05-11 11:32:49 +08:00
    xieqiqiang00
        1
    xieqiqiang00  
       2022-04-02 12:22:56 +08:00   ❤️ 2
    最快的速度展现首屏,然后做点花里胡哨的动画,比你绞尽脑汁减少 1 秒等待来的有效得多
    janus77
        2
    janus77  
       2022-04-02 13:19:02 +08:00
    这个分数跟页面的内容复杂度有关系吗
    awesomes
        3
    awesomes  
    OP
       2022-04-02 13:23:58 +08:00
    @janus77 主要是加载速度,下面有分析细节,可以针对性优化
    Tumblr
        4
    Tumblr  
       2022-04-02 14:04:50 +08:00   ❤️ 2
    不好意思,我是漏看了一个“能”字才点进来的。
    abersheeran
        5
    abersheeran  
       2022-04-02 14:11:02 +08:00
    我博客在电脑上 99 分😂手机上 67 分
    bthulu
        6
    bthulu  
       2022-04-02 14:17:31 +08:00
    要这么快的速度干嘛用, 看看京东首页, 加载速度多慢, 你会不用么?
    046569
        7
    046569  
       2022-04-02 14:24:08 +08:00
    100 是满分了?我啥优化也没做,只是默认设置。

    awesomes
        8
    awesomes  
    OP
       2022-04-02 14:55:21 +08:00
    服务器在国外吧,手机上用移动网模拟,普遍偏低
    awesomes
        9
    awesomes  
    OP
       2022-04-02 14:58:41 +08:00
    @046569 应该是你用的什么静态博客生成之类的工具已经帮你做了足够多的优化了
    awesomes
        10
    awesomes  
    OP
       2022-04-02 15:00:05 +08:00
    @bthulu 你可能不知道人家部门花了多少精力在优化首屏渲染,对这类应用来说,人家的加载速度已经做得很不错了
    046569
        11
    046569  
       2022-04-02 15:22:08 +08:00
    @awesomes
    只是喜欢用 Ruby on Rails ,把老掉牙的 turbolinks 集成进去而已。懒到甚至都没更新到 Turbo ,安慰自己说其实已经蛮快了。
    怀念以前为优化一点点性能欢呼雀跃的日子。
    awesomes
        12
    awesomes  
    OP
       2022-04-02 15:33:23 +08:00
    @046569 很不错了,ROR 在很长一段时间给 web 开发提供了很多优秀的思想,包括之前的 turbolinks 。
    shm7
        13
    shm7  
       2022-04-02 18:41:31 +08:00
    还是很极客的,和我极客的不在一个方向上。
    oneisall8955
        14
    oneisall8955  
       2022-04-02 19:07:12 +08:00
    @Tumblr #4 无形开车呀
    en20
        15
    en20  
       2022-04-03 13:13:52 +08:00
    想到一个笑话, 程序员费尽千辛万苦加快了应用启动速度 0.5s, 然后老板让加个 3s 的开屏广告😁
    awesomes
        16
    awesomes  
    OP
       2022-04-03 21:13:26 +08:00
    @en20 哈哈,追求还是要有的
    Cmdhelp
        17
    Cmdhelp  
       2022-05-11 11:32:49 +08:00
    tengine 阿里的全球加速(好用不贵)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2871 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 12:17 · PVG 20:17 · LAX 04:17 · JFK 07:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.