解決網頁加載慢的問題

XXX 說過:

兩個陌生人相遇,雙方會在3-5秒內迅速評判對方,產生第一印象。是不是很殘酷?他/她對你的初步評價5秒鐘就完成了。

網頁設計是不是同理呢?
Yes!!!
beautiful 的界面對於好奇的用戶肯定想進行深度的探索,好的界面是一方面,頁面的加載速度及反應速度會在很大程度上影響用戶深層次的探索。
在這裏插入圖片描述
看下面的網頁(自己的鍋):
在這裏插入圖片描述
由於上傳視頻比較麻煩,所以現在就看下圖片(圈圈轉了有十幾秒了),這樣的卡頓,我相信任何一個用戶都不想探索下去了。
在 lk 大佬的幫助下,知道了怎麼去尋找加載資源慢的原因,這個是關鍵,懂這個其他的都是類似的: 漲知識了。

哇,還在轉:
在這裏插入圖片描述
按F12,點擊上方的 Network
在這裏插入圖片描述
看右側的狀態碼,可以看到有一個東西一直在 pending,這就是加載慢的直接原因,因爲有的資源還沒有加載完,所以一直在轉圈圈。

加載完成後呢?
在這裏插入圖片描述

進一步探索:
在這裏插入圖片描述
單擊紅色的部分會顯示相應的請求信息,我們可以看到是在請求一個谷歌的連接:
在源代碼中找到這個位置(如果沒用可以直接註釋掉,有用尋找更合適的接口,儘量用國內的):
在這裏插入圖片描述
將這句話註釋掉:
秒進!

總結:
在這裏根據我的問題簡單說了一些解決問題的方法,以後遇到這類的問題知道從哪裏入手,我認爲這點是比較重要的,還有一些原因的服務器寬帶的問題,這時候就需要 money了,嘻嘻。
希望對您有幫助,點贊點關注哦。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章