• 请不要在回答技术问题时复制粘贴 AI 生成的内容
ChrisZou
V2EX  ›  程序员

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

  •  
  •   ChrisZou ·
    ChrisZou · Oct 24, 2020 · 5650 views
    This topic created in 2201 days ago, the information mentioned may be changed or developed.

    TLDR:

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

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

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

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

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

    SSL 开启 OCSP Stapling,让 400 毫秒变成 40 毫秒。
    kischang
    kischang
    Oct 24, 2020 via Android
    10
    一个小操作我的网站就能秒开


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