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

技术小白求助

  •  
  •   Buerfei · 2015-10-22 11:14:53 +08:00 · 3603 次点击
    这是一个创建于 3326 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    再次,感谢!

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

    http://ce.cloud.360.cn/Snapshot?snapshot=e964feba1bedec501e54daeebd79c763&url=http://dangran.me/
    dlllcs
        6
    dlllcs  
       2015-10-22 11:33:59 +08:00
    当然也可能是带宽分配过小导致的
    DiffView
        7
    DiffView  
       2015-10-22 11:34:21 +08:00
    cdn 啊
    wkdhf233
        8
    wkdhf233  
       2015-10-22 11:38:01 +08:00   ❤️ 2

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

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

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

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

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

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

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

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