KH-运维-供货商与零售商商城打开慢的典型排查   

本文档用于协助排查商城页面，特别是首页打开慢的问题。

为更快速精准的定位和解决问题，要问清楚客户几个问题：

1、客户自己办公室的网络速度如何？办公电脑配置？用的什么浏览器？访问门户网站比如163.com速度如何？

2、多测试几次，分不同时间段，主要是哪个段比较慢？慢的现象（比如是仅打开首页卡顿，仅打开后台慢，仅上传商品慢，或者所有操作都很慢；慢是卡住停了，还是进度在走但加载缓慢？）

如果类似 魅力服饰 的情况（首页确实需要大量清晰的图片来展示商品，对首屏时间要求又比较高），就建议自己使用单独的服务器，购买相对较大的带宽。

以下是排查和解决办法： 

多数商城打开速度慢，都与图片过大有关。

这是一个经常被用户忽略的问题。

排查时，推荐使用chrome浏览器。

步骤如下：

1、打开新页面，按F12键。弹出新窗口（开发者工具）。选择NetWork页，勾选Disable cache。

2、再回到浏览器地址栏，输入商城地址并回车。

3、切换到开发者工具的窗口，等待约1分钟，等网站元素加载完毕，页面不再跳动。

按上图引导：

点SIZE排序，降序。

这是所有的网页元素，最占用带宽，拖慢速度的就是图片，大尺寸的图片。

找出所有100K以上的图片。复制图片链接，在新窗口中打开链接，确认是哪一张图片。

到商城后台，对相关图片进行压缩处理。

后话：

图片确实是越大就越清晰，但图片过大会导致页面打开很慢。大多数网站图片都会在清晰和速度中做一个平衡。

可以用上述办法打开京东首页，并参照这个行业标杆，将首页图片控制在50-80K。

不单是首页，其它商品页面也可以采用这种方式来排查。

在商城上架之初，就应该考虑图片大小，尽量按照以上原则来处理好图片。

最后，首页不宜放置过多图片和楼层。

做到这些，商城加载时间可期缩短一半。