當
網站制作一切就緒,自認為各處配置設計無懈可擊時,真正瀏覽網站時卻如遭當頭一棒,頁面加載的“龜速”讓人不忍直視。網站加載緩慢,會嚴重影響用戶體驗,進而浪費寶貴的流量資源。
那么是哪些因素造成此問題,又應該如何排查解決呢?
1.網站訪問慢,第一反應自然是檢查本地網絡連接。
可以使用網上的網絡測速工具對自身網絡環境進行簡單的測試,根據網絡測速結果判斷是訪問帶寬還是服務器帶寬存在一定問題。
如果自身網路存在問題,那無論如何都無法正常測試網絡的訪問速度的,因此一定要找到網絡連接良好的地方進行測試;如果服務器聯網帶寬不夠,那么就簡單粗暴地增加網站機房帶寬即可。
2.其次可以判斷解析系統是否拖了后腿。
打開系統控制臺,通過nslookup指令輸入-qt=NS使用查詢網站NS記錄的功能,可以查詢域名的DNS服務器。
然后利用ping指令可以測試DNS服務器的反饋效率,高效的解析服務則能在用戶訪問網站時更快的反饋解析記錄及目標IP地址,優化用戶打開網頁的體驗。
網站使用單節點權威解析時容易存在線路歷程長,跨線路訪問以及訪問量大造成的線路擁堵問題,面對同樣的情景時,擁有多地多節點服務器部署并具備負載均衡效能的智能云解析系統便能體現其獨特優勢。
3.如果以上內容都測試后網頁加載速度仍不盡人意,那便要從網站自身上找找原因了。
訪客打開某個網頁,瀏覽器會發出很多對象請求(圖像、腳本等等),關乎于網絡延時的情況,每個對象加載都會產生一定的延遲。由于網站上存在大量緩存內容,打開網頁時難免因為資源加載而產生一定的等待時間,可以通過瀏覽器自帶的功能對網頁內資源加載速率進行檢測。
使用Chrome瀏覽器時,按下F12鍵可以呼出開發者選項菜單,在菜單欄點選Network標簽后,按下F5強制刷新界面,可以看到網頁各部分資源的加載時間排序。
我們要怎么樣提高頁面加載速度呢?
啟用壓縮
使用Gzip(一種用于文件壓縮的軟件應用程序)來減小大于150字節的CSS,HTML和JavaScript文件的大小。
不要在圖像文件上使用gzip。相反,在像Photoshop這樣的程序中壓縮它們,您可以保持對圖像質量的控制。請參閱下面的“優化圖像”。
縮小CSS,JavaScript和HTML
通過優化代碼(包括刪除空格,逗號和其他不必要的字符),您可以顯著提高頁面速度。還刪除代碼注釋,格式和未使用的代碼。百度建議使用CSSNano和UglifyJS。
減少重定向
每次頁面重定向到另一個頁面時,您的訪問者都會面臨等待HTTP請求 - 響應周期完成的額外時間。
刪除阻止渲染的JavaScript
瀏覽器必須通過在呈現頁面之前解析HTML來構建DOM樹。如果您的瀏覽器在此過程中遇到腳本,則必須先停止并執行它,然后才能繼續。
TAG標簽: