记录一个h5页面打开很慢的问题

    公司的移动端有一个新闻栏目，前端请求之后进行渲染。线上存在一个问题，有些新闻打开的时候可能要等待几十秒，这是不能容忍的。下面是问题排查过程

1. 作为后端先是抓包查看了接口请求时间，发现不是接口返回慢，排除后端原因

2. 定位到问题可能出现在前端加载上，抓包查看请求了哪些文件，发现有有一个unkonw的js文件一直在加载，问题就是它了，这个js文件跨域了，这个文件的加载时间要15秒以上，失败后重新加载，就这样直达成功为止，这丢包这么严重吗需要多次加载?。在ping过这个js地址后发现有丢包的频率但还是可以接受的。

3. 同时对比了安卓和ios发现，安卓是要比ios快的，问过之后是因为安卓做了缓存所以只有第一次进来之后打开新闻比较慢，ios是一直比较慢没有缓存js文件

4. 最终前端重新写了个页面，所有的js文件都放本地服务器，再次打开之后慢的问题就解决了

问题不难，最开始以为是移动端的问题，还是偏离了方向，解决问题的思路很重要