解决网页加载慢的问题

时间:2024-03-22 17:15:16

XXX 说过:

两个陌生人相遇,双方会在3-5秒内迅速评判对方,产生第一印象。是不是很残酷?他/她对你的初步评价5秒钟就完成了。

网页设计是不是同理呢?
Yes!!!
beautiful 的界面对于好奇的用户肯定想进行深度的探索,好的界面是一方面,页面的加载速度及反应速度会在很大程度上影响用户深层次的探索。
解决网页加载慢的问题
看下面的网页(自己的锅):
解决网页加载慢的问题
由于上传视频比较麻烦,所以现在就看下图片(圈圈转了有十几秒了),这样的卡顿,我相信任何一个用户都不想探索下去了。
在 lk 大佬的帮助下,知道了怎么去寻找加载资源慢的原因,这个是关键,懂这个其他的都是类似的: 涨知识了。

哇,还在转:
解决网页加载慢的问题
按F12,点击上方的 Network
解决网页加载慢的问题
看右侧的状态码,可以看到有一个东西一直在 pending,这就是加载慢的直接原因,因为有的资源还没有加载完,所以一直在转圈圈。

加载完成后呢?
解决网页加载慢的问题

进一步探索:
解决网页加载慢的问题
单击红色的部分会显示相应的请求信息,我们可以看到是在请求一个谷歌的连接:
在源代码中找到这个位置(如果没用可以直接注释掉,有用寻找更合适的接口,尽量用国内的):
解决网页加载慢的问题
将这句话注释掉:
秒进!

总结:
在这里根据我的问题简单说了一些解决问题的方法,以后遇到这类的问题知道从哪里入手,我认为这点是比较重要的,还有一些原因的服务器宽带的问题,这时候就需要 money了,嘻嘻。
希望对您有帮助,点赞点关注哦。