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

技术小白求助

  •  
  •   Buerfei · Oct 22, 2015 · 4763 views
    This topic created in 4041 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
    yxwzaxns
    Oct 22, 2015
    1
    可以用 cdn 加速一下图片
    dai269619118
    dai269619118
    Oct 22, 2015
    2
    升级下带宽
    elvodn
    elvodn
    Oct 22, 2015
    3
    你不能一页只放两三篇文章么
    wingyiu
    wingyiu
    Oct 22, 2015
    4
    带宽太小
    dlllcs
    dlllcs
    Oct 22, 2015❤️1
    5
    略微看了一下,确实很慢,按照网站测速来看,主要问题在于延迟高,且全国部分地区直接无法访问,推荐重新创建一个示例,重新获得 IP ,并且重新配置,或者找阿里云客服去处理

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

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

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

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

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

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

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

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

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