网站唯独在客户的电脑上加载超级慢, 集思广益下, 可能是什么原因呢?

背景

给一个新西兰客户做了一个博客网站:

技术组件: Python/Flask + Mongodb + Linode/Ubuntu + Nginx + uWSGI

问题

客户用自己的Macbook Air每天晚间(上网高峰期, 20:00-00:00)访问网站时, 总是超级慢, 除了顶部的导航, 其它内容需要数分钟才能加载, 甚至一直加载不出来.
白天大部分时候正常, 仅仅有时候要加载很久, 而晚上问题变得很严重.
新西兰是小国, 高峰期时此站访问人数也不过几十人而已.
其它网站都正常, 仅此站出现问题.
问题仅仅出现在客户自己的Macbook Air上, 他自己的iPhone(同一个 WIFI 网络下)没问题. 同时, 当他说加载慢时, 我在自己家用我的Macbook Pro访问, 也没有问题.
在 Chrome 中"Empty Cache and Hard Reload"也没用.
Chrome和Safari加载都很慢.
DNS 修改为8.8.8.8或8.8.4.4, 不起作用.

从目前的情况看, 问题似乎出在这台Macbook Air上. 客户甚至怀疑自己的电脑是不是中了病毒.

有一次白天我们一起喝咖啡的时候, 他把MBA带来了. 他通过MBA 连接iPhone 的热点访问网站, 我亲眼看到加载很慢. 而同时我们俩用手机访问都没有问题. 他访问别的网站也没有问题.
我打开 Chrome DevTools, 发现是静态资源耗时异常, 例如有一张图片加载了26秒.

请教各路大神, 这可能是什么原因呢?

lerry

2015-05-04 08:13:14 +08:00

他访问别的网站都没问题吗？我第一次打开也感觉有点慢，后来好些。

楼主可知道浏览器对于统一域名的并发请求数是有限制的？

建议把css合并成一两个文件，js也可以合并，用于样式的图片也可以用css sprite合并，页面上的图片建议放到子域名下，既然后端是Python也好控制。

可以把例如img1,img2,img3....等很多子域名解析过去，显示的时候随机选一个前缀，不管是哪一个都可以加载，我看豆瓣是这样做的。为了更好的缓存，也可以让图片和子域名的对应是固定的。

我也是个前端新手，希望这些对楼主有用。

mrhuiyu

2015-05-04 08:15:16 +08:00

我不是工程师但是我有过相同的经验。
例如在国外可以很快的访问加载完成网页（我当然没出国，是别人帮我看的）
然后我在国内就是迟迟加载不完成！那个气人啊！后来看浏览器右下角，会告诉你什么东西在加载，然后慢慢排除即可。

imn1

2015-05-04 10:11:36 +08:00

这张图片是1920*1080，即使不算网速，渲染也吃紧(我对手机不熟，手机是否内置图片优化不清楚)
我这边即使页面打开后，在标签间切换时，那图片也要延时半秒显示
另外这张图片在html找不到，应该是在css中后加载，这样就几乎是最后且最大字节

这幅图片只是灰度图，没必要做这么大，用技术铺满就可以了
静态内容可以分一个域名/cdn，这样对浏览器利用 pipelining 有利，不过关键还是那图片太大

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

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