技术小白求助

2015-10-22 11:14:53 +08:00
 Buerfei

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

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

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

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

再次,感谢!

3623 次点击
所在节点    程序员
45 条回复
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
图片啊!你首页一张图片比我整个首页都大,何况你图片不压缩
dlllcs
2015-10-22 16:13:34 +08:00
@Buerfei 上午有,刚刚看了下,现在正常了

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

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/230107

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX