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

[入门级] 两个小操作,让我的网站秒开了

  •  
  •   ChrisZou ·
    ChrisZou · 2020-10-24 17:21:21 +08:00 · 4364 次点击
    这是一个创建于 1484 天前的主题,其中的信息可能已经有所发展或是发生改变。

    TLDR:

    • 使用 Google PageSpeed Insights
    • 加载适当大小的图片
    • 启用 gzip 加密

    详见: https://chriszou.com/2020/10/18/two-simple-steps-to-speedup-website/

    第 1 条附言  ·  2020-10-24 21:02:17 +08:00
    gzip 是压缩,不是加密,用词不准确。
    27 条回复    2020-10-25 09:25:23 +08:00
    forgottencoast
        1
    forgottencoast  
       2020-10-24 17:26:55 +08:00
    The ngx_http_gzip_static_module module allows sending precompressed files with the “.gz” filename extension instead of regular files.
    precompressed 怎么就变成加密了?
    laminux29
        2
    laminux29  
       2020-10-24 17:31:34 +08:00
    1.并不是所有网站都能够秒开,能够秒开也是因为业务支持罢了。

    2.有些能够秒开的网站,但没秒开,也许并不是技术不到位,而是因为秒开代价太大。

    3.如果代价允许秒开,但却因技术障碍没秒开,那么就来一次调试与性能分析吧。
    ChrisZou
        3
    ChrisZou  
    OP
       2020-10-24 17:36:46 +08:00
    @forgottencoast 😂😂用词错误,感谢反馈!
    ChrisZou
        4
    ChrisZou  
    OP
       2020-10-24 17:37:59 +08:00
    @forgottencoast 是压缩,不是加密😂
    ChrisZou
        5
    ChrisZou  
    OP
       2020-10-24 17:39:21 +08:00
    @laminux29 嗯,我这个 web app 本身也是比较简单,所以比较好达到“秒开”的目标
    GeekSky
        6
    GeekSky  
       2020-10-24 17:44:46 +08:00   ❤️ 3
    [进阶级]
    使用 Brotli 压缩;
    使用 WebP 图片;
    使用 HTTP/2 ;
    使用 TLSv1.3;
    使用 CDN ;
    使用 Memcached 或 Redis ;
    ChrisZou
        7
    ChrisZou  
    OP
       2020-10-24 17:47:52 +08:00
    @GeekSky 👍👍👍已收藏!
    ragnaroks
        8
    ragnaroks  
       2020-10-24 17:51:28 +08:00
    之前看到过一个网站,把整站数据都放在浏览器本地存储里面,通过 serviceworker 拦截,然后网站主体内容(比如文章)通过 xhr 请求;浏览体验直接就是本机级别,拿个壳子套一下都不知道是网页
    stevenhawking
        9
    stevenhawking  
       2020-10-24 17:54:36 +08:00   ❤️ 1
    [国服级]

    SSL 开启 OCSP Stapling,让 400 毫秒变成 40 毫秒。
    kischang
        10
    kischang  
       2020-10-24 18:13:08 +08:00 via Android
    一个小操作我的网站就能秒开


    访问一次,下次一定......
    Ultraman
        11
    Ultraman  
       2020-10-24 18:27:13 +08:00 via Android   ❤️ 6
    一个小操作,让我再也看不见你的帖子🐶
    Vhc001
        12
    Vhc001  
       2020-10-24 18:45:51 +08:00
    @ragnaroks #8 看了一眼最新版的 Chrome 默认设置还是禁用 Service Workers 的啊
    RyanOne
        13
    RyanOne  
       2020-10-24 20:00:51 +08:00
    现在的 Chrome 开发者工具 里面 都自带 `Lighthouse` 了 不用去网页 `Google Pagespeed Insights`
    RyanOne
        14
    RyanOne  
       2020-10-24 20:05:24 +08:00
    ChrisZou
        15
    ChrisZou  
    OP
       2020-10-24 21:02:45 +08:00
    @ragnaroks 高手级!👍
    ChrisZou
        16
    ChrisZou  
    OP
       2020-10-24 21:06:08 +08:00
    @stevenhawking 太高级😹
    ChrisZou
        17
    ChrisZou  
    OP
       2020-10-24 21:06:28 +08:00
    @Ultraman 您随意~
    ChrisZou
        18
    ChrisZou  
    OP
       2020-10-24 21:07:21 +08:00
    @RyanOne 学习了!👍
    opengps
        19
    opengps  
       2020-10-24 21:09:40 +08:00
    cdn 是最简单的提速方式
    pythonee
        20
    pythonee  
       2020-10-24 21:11:55 +08:00
    感谢分享
    isukkaw
        21
    isukkaw  
       2020-10-24 21:13:04 +08:00
    vision1900
        22
    vision1900  
       2020-10-24 21:54:59 +08:00
    我的网站 Desktop 评分也挺高,还很吉利( 88 分)
    Mobile 就不行( 33 分),楼主 Mobile 多少?
    mahaonan1994
        23
    mahaonan1994  
       2020-10-24 21:57:30 +08:00
    学习一下
    ChrisZou
        24
    ChrisZou  
    OP
       2020-10-24 22:42:48 +08:00
    @vision1900 试了几次,在 85~90 之间,还行,还有较多提高空间
    ChrisZou
        25
    ChrisZou  
    OP
       2020-10-24 22:44:01 +08:00
    @isukkaw 嗯嗯,谢谢链接!
    帖子其他留言也提到很多优化方法,算抛砖引玉了
    ChrisZou
        26
    ChrisZou  
    OP
       2020-10-24 22:44:54 +08:00
    @pythonee 客气啦,留言才是精华,很高兴起到了抛砖引玉的作用😄
    IDAEngine
        27
    IDAEngine  
       2020-10-25 09:25:23 +08:00 via iPhone
    秒开纯静态不很正常吗
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2521 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 02:27 · PVG 10:27 · LAX 18:27 · JFK 21:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.