V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Sponsored by
LinkedIn
不坐班的神仙工作 · 去任何你想去的地方远程,赚一线城市的工资
2000 个不用出门 Social 的全球远程工作,帮助 V2EX 的小伙伴开启全新的工作方式。
Promoted by LinkedIn
Macv1994
V2EX  ›  程序员

各位 dalao 看看我这个网站加载速度还能优化吗?

  •  
  •   Macv1994 ·
    weijiang1994 · 2021-01-19 10:07:59 +08:00 · 8045 次点击
    这是一个创建于 617 天前的主题,其中的信息可能已经有所发展或是发生改变。
    1. 静态资源都替换为了 jsdelivr,感觉这个有时候也不稳定。
    2. 主页获取了 github 的仓库相关信息,主要是 github 头像有时候加载很久,甚至加载不出来。
    3. 各位 dalao 还能优化一下吗? http://2dogz.cn
    128 条回复    2021-01-20 16:15:46 +08:00
    1  2  
    YUX
        1
    YUX  
       2021-01-19 10:14:54 +08:00   ❤️ 1
    图挂了不少啊
    picone
        2
    picone  
       2021-01-19 10:15:57 +08:00   ❤️ 1
    都 2021 了还有没上 https 的吗
    Macv1994
        3
    Macv1994  
    OP
       2021-01-19 10:16:57 +08:00
    @picone 一个博客网站 为什么一定要上 https?
    mlxj
        4
    mlxj  
       2021-01-19 10:17:40 +08:00
    第一次加载太慢了
    Macv1994
        5
    Macv1994  
    OP
       2021-01-19 10:17:44 +08:00
    @YUX 啊 是首页的图都挂了吗?
    hyd8323268
        6
    hyd8323268  
       2021-01-19 10:20:03 +08:00
    第一次打开很慢,可以尝试使用懒加载
    YUX
        7
    YUX  
       2021-01-19 10:21:20 +08:00
    文章里的
    yzbythesea
        8
    yzbythesea  
       2021-01-19 10:27:48 +08:00
    慢得一塌糊涂。你的服务器在哪?
    pytth
        9
    pytth  
       2021-01-19 10:28:09 +08:00
    肯定要优化啊,首页如果要搞 github 仓库信息,可以用境外服务器会快一点。
    IDAEngine
        10
    IDAEngine  
       2021-01-19 10:28:11 +08:00
    多合并一些静态文件,开个网页这么多 request
    wakzz
        12
    wakzz  
       2021-01-19 10:29:07 +08:00
    加载太慢了,问题挺多
    1. html 没有压缩
    2. css 没有压缩没有开启 gzip,
    3. css 文件和 js 文件太多了,完全可以把所有 css 文件和 js 文件全部合并成一个文件,这样可以加载更快
    4. 静态资源上 CDN
    pytth
        13
    pytth  
       2021-01-19 10:29:48 +08:00   ❤️ 1
    页面的切换可以使用 instantclick 插件,实现无刷新秒切换,例如: https://www.likeyun.cn/pc/
    yhxx
        14
    yhxx  
       2021-01-19 10:31:50 +08:00   ❤️ 4
    点开之前满心期待以为会是个秒开的。。。
    beichenhpy
        15
    beichenhpy  
       2021-01-19 10:32:16 +08:00
    腾讯云啊。。小水管?
    zsl199512101234
        16
    zsl199512101234  
       2021-01-19 10:34:07 +08:00
    我加载不出来...
    Macv1994
        17
    Macv1994  
    OP
       2021-01-19 10:37:37 +08:00 via Android
    @wakzz
    @IDAEngine 好的谢谢
    mebtte
        18
    mebtte  
       2021-01-19 10:37:42 +08:00
    牛逼啊 相册放原图 搞个缩略图也不至于慢成这样
    Macv1994
        19
    Macv1994  
    OP
       2021-01-19 10:37:51 +08:00 via Android
    @beichenhpy 腾讯云
    Macv1994
        20
    Macv1994  
    OP
       2021-01-19 10:38:14 +08:00 via Android
    @pytth 好的 谢谢
    taogen
        21
    taogen  
       2021-01-19 10:38:31 +08:00
    1. 图片加载慢。20k 大小的图片需要 7 秒?
    2. 部分网站请求第一次有点慢。http://2dogz.cn/get-contribution/
    3. GitHub 链接不全局代理会请求失败。https://avatars0.githubusercontent.com/u/53400477?v=4
    4. 挂了全局代理,则网站请求都很慢
    Macv1994
        22
    Macv1994  
    OP
       2021-01-19 10:39:15 +08:00 via Android
    @mebtte 单张的才是原图 9 宫格肯定是缩略图 服务器带宽就 1M
    wccode
        23
    wccode  
       2021-01-19 10:44:04 +08:00
    带宽 1M,没得玩
    justin2018
        24
    justin2018  
       2021-01-19 10:45:15 +08:00
    打不开 囧
    AlexChing
        25
    AlexChing  
       2021-01-19 10:47:54 +08:00
    完全打不开呀,我觉得这个不仅仅是需要优化的问题了。
    LZSZ
        26
    LZSZ  
       2021-01-19 10:48:38 +08:00
    打不开
    Love4Taylor
        27
    Love4Taylor  
       2021-01-19 10:49:28 +08:00
    一直等待响应,打不开。
    Mohanson
        28
    Mohanson  
       2021-01-19 10:49:48 +08:00
    这不是求人 DDOS 你吗
    LongMaoz
        29
    LongMaoz  
       2021-01-19 10:50:56 +08:00
    害搁这优化呢,你应该问的是高流量下如何正常访问网站
    Jetry
        30
    Jetry  
       2021-01-19 10:51:16 +08:00
    有点过分了
    lixuda
        31
    lixuda  
       2021-01-19 10:59:39 +08:00
    @pytth 会对表单提交也提早加载了吗?
    deicol
        32
    deicol  
       2021-01-19 11:04:43 +08:00
    好卡 . 先换个好点的线路吧...
    aydd2004
        33
    aydd2004  
       2021-01-19 11:07:59 +08:00
    我这里蛮快的啊 就是图挂了点
    v2tudnew
        34
    v2tudnew  
       2021-01-19 11:13:36 +08:00
    @Macv1994 例如运营商给你劫持很多广告(弹窗、播放音频那种?你一分钱拿不到还得罪用户
    Macv1994
        35
    Macv1994  
    OP
       2021-01-19 11:13:40 +08:00
    @aydd2004 可能是我部署的问题 没有考虑到高流量的状况 我自己平时访问也很快 可能是并发的问题没考虑吧 请求太多会阻塞 等上一个请求完成才会去执行下一个请求
    Macv1994
        36
    Macv1994  
    OP
       2021-01-19 11:15:41 +08:00
    @AlexChing 应该是我部署的问题 我平时个人访问速度很快 流量一起来 请求阻塞了吧
    pytth
        37
    pytth  
       2021-01-19 11:16:34 +08:00
    @lixuda 会对整个页面进行异步请求,如果你的表单是一打开页面就提交,那就会被加载
    1109599636
        38
    1109599636  
       2021-01-19 11:16:56 +08:00
    带宽小,尽量不要加图片了,除了首页必要的部分放几张压缩的图片之外就不要放图片了,写文章也可以纯文字
    1109599636
        39
    1109599636  
       2021-01-19 11:17:46 +08:00
    图片可以用这个压缩
    https://tinypng.com/
    Macv1994
        40
    Macv1994  
    OP
       2021-01-19 11:18:52 +08:00 via Android
    @1109599636 嗯 当初没有考虑到这个问题 谢谢
    Macv1994
        41
    Macv1994  
    OP
       2021-01-19 11:19:43 +08:00 via Android
    @1109599636 图片压缩我自己写了个轮子 只是没考虑用在这里 还是感谢你的建议🤝
    mebtte
        43
    mebtte  
       2021-01-19 12:06:49 +08:00   ❤️ 1
    首页纯文字真香 https://article.mebtte.com
    luqingliang
        44
    luqingliang  
       2021-01-19 12:08:44 +08:00
    宁才是大佬
    flyingpot
        45
    flyingpot  
       2021-01-19 12:12:13 +08:00 via Android
    @pytth 你这个好快啊 怎么做到的
    Merlini
        46
    Merlini  
       2021-01-19 12:15:06 +08:00
    @mebtte #43 非常好看
    debuggerx
        47
    debuggerx  
       2021-01-19 12:19:25 +08:00
    图片试试全用 webp ?

    https://www.debuggerx.com/2021/01/13/batch-convert-pictures-to-webp-format/?from=v2ex

    我这 cloudflare + github page 部署的 hexo,除了图片转 webp 几乎没做任何优化,加载速度感觉也还行了
    robinchina
        48
    robinchina  
       2021-01-19 12:23:26 +08:00
    秒开,你还想怎么优化····
    Dukec
        49
    Dukec  
       2021-01-19 12:34:19 +08:00
    上 SSL+HTTP/2
    静态资源压缩后放 CDN 。(又拍云这类都有免费额度,个人完全够用。)
    GitHub 的资源要么用反代,要么你干脆放 CDN 上。
    可以试试 instantclick 还有 Lazyload 这类 JS library 。
    rodrick
        50
    rodrick  
       2021-01-19 13:13:04 +08:00
    能压缩的都压一下吧,基本好像能压的都没压
    Macv1994
        51
    Macv1994  
    OP
       2021-01-19 13:18:28 +08:00 via Android
    @Dukec 好的 谢谢
    imycc
        52
    imycc  
       2021-01-19 13:18:47 +08:00
    静态资源压缩放 cdn

    控制台打开,给时间排个序,耗时多的都是在加载 js 或者图片什么的
    zzw1998
        53
    zzw1998  
       2021-01-19 13:20:40 +08:00 via iPhone
    @Macv1994 HTTP/2 可以多路复用啊,同一域名的资源使用一条 TCP 连接
    zzw1998
        54
    zzw1998  
       2021-01-19 13:21:12 +08:00 via iPhone
    @zzw1998 这个是回复 #3 楼的
    love
        55
    love  
       2021-01-19 13:25:40 +08:00 via Android
    电信宽带表示 5 秒才加载出来,而且是一下出来的,感觉是哪里卡住了
    Sapp
        56
    Sapp  
       2021-01-19 13:29:12 +08:00
    你这个速度真的慢啊,而且 HTTP1.1 你这优化的个锤子,好歹上个 2 再说吧
    danhahaha
        57
    danhahaha  
       2021-01-19 13:30:22 +08:00
    最简单直接就是安装 nginx PageSpeed 插件各种优化技术一锅端,PageSpeed 分数至少提升 20 分,速度提升也很有效
    vone
        58
    vone  
       2021-01-19 13:40:08 +08:00
    你确定服务器没关机吗?
    17s 了,还是白屏。
    binggg
        59
    binggg  
       2021-01-19 13:42:10 +08:00
    好慢呀,可以用下云开发,可以托管
    madpecker009
        60
    madpecker009  
       2021-01-19 13:42:36 +08:00
    <a href="https://sm.ms/image/xGDiMU5jdeWPRub" target="_blank"><img src="https://i.loli.net/2021/01/19/xGDiMU5jdeWPRub.png" ></a>
    一分钟了我还没加载完,优化空间还很大
    lixuda
        61
    lixuda  
       2021-01-19 13:45:00 +08:00
    @pytth 试用了下,感觉不错,但是本身我页面有 ajax 加载页面,这样就无法加载出来,如何解决?谢谢
    XSNARUTO
        62
    XSNARUTO  
       2021-01-19 14:06:08 +08:00
    深圳电信,
    某 20kb 的图片加载时间 17s ;
    某 50kb 的图片加载时间 32s 。

    首次加载的速度也很慢,一般很少人能等超过 5s 的页面吧。

    优化真不好说,毕竟你用的服务本身在大陆访问就不稳定,随便买个便宜的服务器也不至于这么慢吧。
    Varobjs
        63
    Varobjs  
       2021-01-19 14:46:40 +08:00
    @pytth 你这体验也很差啊,返回卡住不动几秒。
    yujiang
        64
    yujiang  
       2021-01-19 14:52:16 +08:00
    厦门电信,秒开
    Varobjs
        65
    Varobjs  
       2021-01-19 14:55:17 +08:00
    @Varobjs @pytth 没事了,是我公司网太垃圾,所有都卡,😄
    Macv1994
        66
    Macv1994  
    OP
       2021-01-19 15:03:45 +08:00
    @yujiang 哈哈哈 可能现在不是流量高峰了 之前才发帖的时候 很多人一起访问
    Macv1994
        67
    Macv1994  
    OP
       2021-01-19 15:06:49 +08:00
    ![async-test-webbench.png]( https://7.dusays.com/2021/01/19/f133a24533e77.png)
    ![sync-test-webbech.png]( https://7.dusays.com/2021/01/19/ad5a07b488e8a.png)
    ![sync-test-ab.png]( https://7.dusays.com/2021/01/19/c40d8dd672308.png)
    ![async-test.png]( https://7.dusays.com/2021/01/19/2f9fdeb559b1e.png)
    我部署用的 flask+gunicorn+nginx,花了点时间去看了 gunicorn 的文档,发现默认是 sync 模式,可能是这个原因导致大部分人打开很慢?我在本地测试了分别使用 sync 与 async 的两种方式,发现 webbench 的差别比较大,但是使用 ab 测试感觉区别也不大。
    Xposean
        68
    Xposean  
       2021-01-19 15:20:42 +08:00
    我是直接用 coding.net 的静态网站托管, 速度还行, https://blog.xposean.top
    youla
        69
    youla  
       2021-01-19 15:24:05 +08:00
    比我的花生壳还慢~~不过这东西每个地区都不一样,自己访问正常就行了咯
    lixuda
        70
    lixuda  
       2021-01-19 15:24:47 +08:00
    楼主,flask 开发的?
    cccp2020
        71
    cccp2020  
       2021-01-19 15:29:39 +08:00
    oss + cdn 优化一下吧,或者迁移到 gitee 这类地方

    选择前者方案的话,可以看看我的历史帖子,有可能有优惠券
    xcstream
        72
    xcstream  
       2021-01-19 15:29:51 +08:00
    还挺快的
    Macv1994
        73
    Macv1994  
    OP
       2021-01-19 15:34:15 +08:00
    @lixuda 是的
    tysb777
        74
    tysb777  
       2021-01-19 15:38:41 +08:00
    ![在清一色的 let’s encrypt 中脱颖而出的 allinssl 免费 SSL 证书]( https://allinssl.com/zh/client/digitalcert/create/25)
    EvilDevilJin
        75
    EvilDevilJin  
       2021-01-19 16:16:31 +08:00
    我这就直接打不开
    lscexpress
        76
    lscexpress  
       2021-01-19 16:17:44 +08:00
    埋了吧
    Ritter
        77
    Ritter  
       2021-01-19 16:27:31 +08:00
    @Macv1994 加个 gevent 或者 eventlet
    Jeyfang
        78
    Jeyfang  
       2021-01-19 16:31:42 +08:00
    第一次打不开,要刷新第二次才能进去
    Macv1994
        79
    Macv1994  
    OP
       2021-01-19 16:36:57 +08:00 via Android
    @Ritter 嗯嗯 在本地测试了 正在部署上去
    Macv1994
        80
    Macv1994  
    OP
       2021-01-19 16:37:17 +08:00 via Android
    @lscexpress 没必要戾气那么重
    XSNARUTO
        81
    XSNARUTO  
       2021-01-19 16:39:55 +08:00
    无聊又来看了一眼,现在速度挺快的了,还是深圳电信。
    那应该就是刚刚流量太大了的原因吧。作为个人博客速度就不错了。
    不过我自己还是会觉得放心不下全挂在第三方服务上,感觉还是买 vps 更好玩哈哈哈。
    Macv1994
        82
    Macv1994  
    OP
       2021-01-19 16:52:45 +08:00 via Android
    @XSNARUTO 哈哈哈 可能是吧 我也换了一下部署方式 主要是我比较喜欢折腾🤝🤝
    nnnToTnnn
        83
    nnnToTnnn  
       2021-01-19 17:01:33 +08:00
    @Dukec #49 L 大佬能帮我看看这个有什么优化空间吗? https://doc.free-kit.top/
    magua
        84
    magua  
       2021-01-19 17:14:59 +08:00
    @mebtte 这个挺好看的,是用的什么字体啊
    mofeishiwo
        85
    mofeishiwo  
       2021-01-19 17:15:49 +08:00
    502
    sumarker
        86
    sumarker  
       2021-01-19 17:16:42 +08:00 via iPhone
    直接 502 了
    Macv1994
        87
    Macv1994  
    OP
       2021-01-19 17:18:42 +08:00
    @mofeishiwo
    @sumarker 刚刚在优化 关掉了本地服务
    darknoll
        88
    darknoll  
       2021-01-19 17:20:36 +08:00
    就这一点点资源文件,有啥可优化的
    darknoll
        89
    darknoll  
       2021-01-19 17:22:04 +08:00
    @mebtte 这字体得有 2M 了吧
    asdjgfr
        90
    asdjgfr  
       2021-01-19 17:26:39 +08:00
    小水管少放 /压缩图片,压缩代码,静态文件 cdn,动态博客也得注意小鸡的运行速度
    https://liunian.js.org/
    Atukey
        91
    Atukey  
       2021-01-19 18:09:25 +08:00
    只测试了 90 个连接就宕掉了
    Macv1994
        92
    Macv1994  
    OP
       2021-01-19 18:32:19 +08:00
    @Atukey 还好 反正平时访问量也没多少
    Macv1994
        93
    Macv1994  
    OP
       2021-01-19 18:32:54 +08:00
    @asdjgfr 压缩代码是压缩前端代码吗 不是很懂这一方面
    pytth
        94
    pytth  
       2021-01-19 18:44:59 +08:00
    @flyingpot
    用 instantclick 插件,简单两行代码就可以把普通的网站改成我这样,官网地址: http://instantclick.io/
    chihiro2014
        95
    chihiro2014  
       2021-01-19 18:49:20 +08:00
    没走 cdn 看起来,套个 cdn 比较好,ip 地址好像露出来了。
    raffaellolin
        96
    raffaellolin  
       2021-01-19 18:58:18 +08:00
    正在连接...


    点击 关闭网页。
    mebtte
        97
    mebtte  
       2021-01-19 18:59:46 +08:00
    @magua #83 可以去 github 看看源码, 字体文件被我改了名字, 具体叫什么忘了
    mebtte
        98
    mebtte  
       2021-01-19 19:01:15 +08:00
    @darknoll #88 字体子集化 首页一共 3 种字体, 加起来大概 100kb
    mebtte
        99
    mebtte  
       2021-01-19 19:16:46 +08:00
    @Merlini github 仓库本身就是个模板 喜欢的话可以 fork 一份魔改
    boko
        100
    boko  
       2021-01-19 19:23:16 +08:00   ❤️ 1
    1  2  
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1270 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 66ms · UTC 19:01 · PVG 03:01 · LAX 12:01 · JFK 15:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.