技术小白求助

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 3348 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

对了，网站： http://dangran.me/

再次，感谢！

图床

赐教

CDN

博客

45 条回复 • 2016-01-05 13:18:34 +08:00

yxwzaxns

2015-10-22 11:21:03 +08:00

可以用 cdn 加速一下图片

dai269619118

2015-10-22 11:23:07 +08:00

升级下带宽

elvodn

2015-10-22 11:24:16 +08:00

你不能一页只放两三篇文章么

wingyiu

2015-10-22 11:30:54 +08:00

带宽太小

dlllcs

2015-10-22 11:33:14 +08:00

略微看了一下，确实很慢，按照网站测速来看，主要问题在于延迟高，且全国部分地区直接无法访问，推荐重新创建一个示例，重新获得 IP ，并且重新配置，或者找阿里云客服去处理

http://ce.cloud.360.cn/Snapshot?snapshot=e964feba1bedec501e54daeebd79c763&url=http://dangran.me/

dlllcs

2015-10-22 11:33:59 +08:00

当然也可能是带宽分配过小导致的

DiffView

2015-10-22 11:34:21 +08:00

cdn 啊

wkdhf233

2015-10-22 11:38:01 +08:00

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

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

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

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

图片加载用 JS 异步完成，只加载浏览器视窗范围内及下面一部分的图片，其他的等滚入范围内的时候再去加载

Buerfei

2015-10-22 11:41:08 +08:00

@dlllcs 全国部分地区无法访问吗？

ScotGu

2015-10-22 11:45:53 +08:00

请百度关键词 <wordpress 七牛镜像 > 按照操作去做就可以了。

shoaly

2015-10-22 12:11:22 +08:00

额外再补一个刀, 楼主除了 cdn 之外, 还可以加一个 lazyload.js

zy65334

2015-10-22 14:32:45 +08:00

水煮鱼的七牛云存储插件可以试试。

realpg

2015-10-22 14:51:01 +08:00

按照技术白痴的办法解决，楼主需要的只是把带宽提升到 10Mbps 以上
否则，就折腾博客的图片托管
折腾图片的延迟加载
折腾全站 CDN

ljmready

2015-10-22 14:55:42 +08:00

一次性加载这么多，不慢才怪了

leeyuzhe

2015-10-22 14:58:24 +08:00

主要是图片的异步加载

chairuosen

2015-10-22 14:59:54 +08:00

最简单的办法就是减少分页的文章数，你自己就能改。
然后，找个会代码的改下模板，让图片懒加载。
最后再把图片上 CDN 。

crazycen

2015-10-22 15:03:39 +08:00 via Android

图片啊！你首页一张图片比我整个首页都大，何况你图片不压缩

dlllcs

2015-10-22 16:13:34 +08:00

@Buerfei 上午有，刚刚看了下，现在正常了

主要解决方式上面说的都对，图片延迟加载+图片压缩

Andy1999

2015-10-22 16:19:41 +08:00 via iPhone

@wkdhf233 我一个页面 66M ，加载时间 15s 内 233
主要还是开个 CDN 就可以解决的问题
http://moeclub.net/topic/98

wkdhf233

2015-10-22 16:37:48 +08:00

@Andy1999 不是每个访问者都能有这么大水管，你得为 10M 以下的考虑考虑。。

如果 66M 真不能缩减，那还是先加载缩略图然后异步载入原图效果好些吧

yeyeye

2015-10-22 16:47:19 +08:00

@Andy1999 ADSL 用户哭了……

要知道 ADSL 用户交的钱不比那些光纤户少啊

yhxx

2015-10-22 16:48:43 +08:00

首屏以后的图可以延迟加载吧
还有一页放那么多篇文章干嘛，滚动条那么长，就算速度够快，用起来也很难受啊

Buerfei

2015-10-22 17:07:26 +08:00

@realpg 哈哈，是啊

Buerfei

2015-10-22 17:07:49 +08:00

@dlllcs 谢谢！

Andy1999

2015-10-22 17:14:58 +08:00 via iPhone

@wkdhf233
@yeyeye 这只是一个图贴，而且一般人翻不到，首页很仁慈地只有 1M 不到~

Buerfei

2015-10-22 21:39:31 +08:00

@yhxx 已经修改了，首页显示减少一半

Buerfei

2015-10-22 21:41:22 +08:00

@ScotGu 谢谢！

mapleth

2015-10-22 21:45:46 +08:00

cdn 加速，图片采用延迟加载

kodango

2015-10-22 21:52:39 +08:00

看起来是楼主自己机器的问题，可以试试去 ping 115.28.220.111 (相邻的 ip ）， 111 ping 基本不丢包而且延迟 20ms 左右，楼主的 ip 又丢包而且延迟不稳定，有时候几百。

XianZaiZhuCe

2015-10-23 09:06:37 +08:00

1 、压缩图片
2 、异步加载
3 、 CDN
4 、提高带宽

Buerfei

2015-10-23 10:37:03 +08:00

@kodango 好的，谢谢您！

Buerfei

2015-10-23 10:37:38 +08:00

@XianZaiZhuCe 有人可以详细介绍或推荐一下 CDN 服务吗？

Buerfei

2015-10-23 10:38:17 +08:00

@mapleth 有人可以详细介绍或推荐一下 CDN 服务吗？

wangzhangwei

2015-10-23 11:04:46 +08:00

网络上有免费的 CDN 加速服务，可以先试试。比如加速乐，

Buerfei

2015-10-23 12:01:15 +08:00

@wangzhangwei 好的，谢谢！

yujieyu7

2015-10-23 13:40:47 +08:00

页面懒加载啊，一次没必要载入那么多

xingso

2015-10-23 14:05:36 +08:00

你用了放在 s3.amazonaws.com 上的什么东西吧

powtop

2015-10-23 14:28:31 +08:00

@wkdhf233 这是什么软件

wkdhf233

2015-10-23 16:29:10 +08:00

@powtop http://peacockmedia.software/mac/reactivity/

Buerfei

2015-10-24 11:33:24 +08:00

@xingso 没有啊？？？

Buerfei

2015-10-24 11:34:39 +08:00

@yujieyu7 已经减少了一半

mapleth

2015-10-24 15:43:16 +08:00

@Buerfei cdn 服务有很多啊，我现在用的就是七牛的，免费。 http://www.51mapleth.com/

Buerfei

2015-10-25 22:42:15 +08:00

@mapleth 谢谢！！！

Buerfei

2015-10-25 22:45:05 +08:00

@crazycen 其实图片都有压缩...但可能压缩的还是不够吧

Buerfei

2016-01-05 13:18:34 +08:00

神奇的