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

技术小白求助

  •  
  •   Buerfei · Oct 22, 2015 · 4286 views
    This topic created in 3887 days ago, the information mentioned may be changed or developed.

    因为技术白痴,自己运营 2 、 3 年的博客虽然放在阿里云,但一直访问很慢!

    请教过一些人,大都说图片太多,但这就是一个以图片为主的博客啊...

    没有使用外置图床,也不太懂 CDN 具体是什么、怎么操作,有相关网站网速优化的(尤其 wordpress 相关),请不吝赐教,感谢。

    对了,网站: http://dangran.me/

    再次,感谢!

    45 replies    2016-01-05 13:18:34 +08:00
    yxwzaxns
        1
    yxwzaxns  
       Oct 22, 2015
    可以用 cdn 加速一下图片
    dai269619118
        2
    dai269619118  
       Oct 22, 2015
    升级下带宽
    elvodn
        3
    elvodn  
       Oct 22, 2015
    你不能一页只放两三篇文章么
    wingyiu
        4
    wingyiu  
       Oct 22, 2015
    带宽太小
    dlllcs
        5
    dlllcs  
       Oct 22, 2015   ❤️ 1
    略微看了一下,确实很慢,按照网站测速来看,主要问题在于延迟高,且全国部分地区直接无法访问,推荐重新创建一个示例,重新获得 IP ,并且重新配置,或者找阿里云客服去处理

    http://ce.cloud.360.cn/Snapshot?snapshot=e964feba1bedec501e54daeebd79c763&url=http://dangran.me/
    dlllcs
        6
    dlllcs  
       Oct 22, 2015
    当然也可能是带宽分配过小导致的
    DiffView
        7
    DiffView  
       Oct 22, 2015
    cdn 啊
    wkdhf233
        8
    wkdhf233  
       Oct 22, 2015   ❤️ 2

    首页加载完在 7M 以上,不卡就有鬼了

    首先减少图片尺寸,你可以用 https://tinyjpg.com 的 API ,自动压缩上传图片,随便从你主页拖了一张下来传上去,压缩率 49%,全照这个比率的话首页大小差不多能降一半

    然后把所有图全部换到 CDN 去,比如七牛一类的,或者也可以用微博 API 传到微博图床,总之避免图片加载的时候产生的带宽瓶颈

    每页的长度太长了,可以改成瀑布流的形式滚到页底自动加载下面的部分,加载几次之后估计页面元素太多差不多要卡了就给个翻页,参照什么值得买的网站加载方式

    图片加载用 JS 异步完成,只加载浏览器视窗范围内及下面一部分的图片,其他的等滚入范围内的时候再去加载
    Buerfei
        9
    Buerfei  
    OP
       Oct 22, 2015
    @dlllcs 全国部分地区无法访问吗?
    ScotGu
        10
    ScotGu  
       Oct 22, 2015
    请百度关键词 <wordpress 七牛镜像 > 按照操作去做就可以了。
    shoaly
        11
    shoaly  
       Oct 22, 2015
    额外再补一个刀, 楼主除了 cdn 之外, 还可以加一个 lazyload.js
    zy65334
        12
    zy65334  
       Oct 22, 2015
    水煮鱼的七牛云存储插件可以试试。
    realpg
        13
    realpg  
    PRO
       Oct 22, 2015
    按照技术白痴的办法解决,楼主需要的只是把带宽提升到 10Mbps 以上
    否则,就折腾博客的图片托管
    折腾图片的延迟加载
    折腾全站 CDN
    ljmready
        14
    ljmready  
       Oct 22, 2015
    一次性加载这么多,不慢才怪了
    ThisDay
        15
    ThisDay  
       Oct 22, 2015
    主要是图片的异步加载
    chairuosen
        16
    chairuosen  
       Oct 22, 2015
    最简单的办法就是减少分页的文章数,你自己就能改。
    然后,找个会代码的改下模板,让图片懒加载。
    最后再把图片上 CDN 。
    crazycen
        17
    crazycen  
       Oct 22, 2015 via Android
    图片啊!你首页一张图片比我整个首页都大,何况你图片不压缩
    dlllcs
        18
    dlllcs  
       Oct 22, 2015
    @Buerfei 上午有,刚刚看了下,现在正常了

    主要解决方式上面说的都对,图片延迟加载+图片压缩
    Andy1999
        19
    Andy1999  
       Oct 22, 2015 via iPhone
    @wkdhf233 我一个页面 66M ,加载时间 15s 内 233
    主要还是开个 CDN 就可以解决的问题
    http://moeclub.net/topic/98
    wkdhf233
        20
    wkdhf233  
       Oct 22, 2015
    @Andy1999 不是每个访问者都能有这么大水管,你得为 10M 以下的考虑考虑。。

    如果 66M 真不能缩减,那还是先加载缩略图然后异步载入原图效果好些吧
    yeyeye
        21
    yeyeye  
       Oct 22, 2015
    @Andy1999 ADSL 用户哭了……

    要知道 ADSL 用户交的钱不比那些光纤户少啊
    yhxx
        22
    yhxx  
       Oct 22, 2015
    首屏以后的图可以延迟加载吧
    还有一页放那么多篇文章干嘛,滚动条那么长,就算速度够快,用起来也很难受啊
    Buerfei
        23
    Buerfei  
    OP
       Oct 22, 2015
    @realpg 哈哈,是啊
    Buerfei
        24
    Buerfei  
    OP
       Oct 22, 2015
    @dlllcs 谢谢!
    Andy1999
        25
    Andy1999  
       Oct 22, 2015 via iPhone
    @wkdhf233
    @yeyeye 这只是一个图贴,而且一般人翻不到,首页很仁慈地只有 1M 不到~
    Buerfei
        26
    Buerfei  
    OP
       Oct 22, 2015
    @yhxx 已经修改了,首页显示减少一半
    Buerfei
        27
    Buerfei  
    OP
       Oct 22, 2015
    @ScotGu 谢谢!
    mapleth
        28
    mapleth  
       Oct 22, 2015
    cdn 加速,图片采用延迟加载
    kodango
        29
    kodango  
       Oct 22, 2015
    看起来是楼主自己机器的问题,可以试试去 ping 115.28.220.111 (相邻的 ip ), 111 ping 基本不丢包而且延迟 20ms 左右,楼主的 ip 又丢包而且延迟不稳定,有时候几百。
    XianZaiZhuCe
        30
    XianZaiZhuCe  
       Oct 23, 2015
    1 、压缩图片
    2 、异步加载
    3 、 CDN
    4 、提高带宽
    Buerfei
        31
    Buerfei  
    OP
       Oct 23, 2015
    @kodango 好的,谢谢您!
    Buerfei
        32
    Buerfei  
    OP
       Oct 23, 2015
    @XianZaiZhuCe 有人可以详细介绍或推荐一下 CDN 服务吗?
    Buerfei
        33
    Buerfei  
    OP
       Oct 23, 2015
    @mapleth 有人可以详细介绍或推荐一下 CDN 服务吗?
    wangzhangwei
        34
    wangzhangwei  
       Oct 23, 2015
    网络上有免费的 CDN 加速服务,可以先试试。比如加速乐,
    Buerfei
        35
    Buerfei  
    OP
       Oct 23, 2015
    @wangzhangwei 好的,谢谢!
    yujieyu7
        36
    yujieyu7  
       Oct 23, 2015
    页面懒加载啊,一次没必要载入那么多
    xingso
        37
    xingso  
       Oct 23, 2015
    你用了放在 s3.amazonaws.com 上的什么东西吧
    powtop
        38
    powtop  
       Oct 23, 2015
    @wkdhf233 这是什么软件
    wkdhf233
        39
    wkdhf233  
       Oct 23, 2015
    @powtop http://peacockmedia.software/mac/reactivity/
    Buerfei
        40
    Buerfei  
    OP
       Oct 24, 2015
    @xingso 没有啊???
    Buerfei
        41
    Buerfei  
    OP
       Oct 24, 2015
    @yujieyu7 已经减少了一半
    mapleth
        42
    mapleth  
       Oct 24, 2015
    @Buerfei cdn 服务有很多啊,我现在用的就是七牛的,免费。 http://www.51mapleth.com/
    Buerfei
        43
    Buerfei  
    OP
       Oct 25, 2015
    @mapleth 谢谢!!!
    Buerfei
        44
    Buerfei  
    OP
       Oct 25, 2015
    @crazycen 其实图片都有压缩...但可能压缩的还是不够吧
    Buerfei
        45
    Buerfei  
    OP
       Jan 5, 2016
    神奇的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2560 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 88ms · UTC 01:26 · PVG 09:26 · LAX 18:26 · JFK 21:26
    ♥ Do have faith in what you're doing.