SEO名詞百科-投稿申請-關于小六-網站地圖 不懂SEO,不懂網站優化從何入手?到重慶SEO【小六】SEO教程自學網,小六在這里狂甩SEO干貨,助你自學成才!
                                                              當前位置:SEO首頁>SEO答疑 >正文

                                                              網頁加載慢到底如何提速?

                                                              時間:2018-12-07 21:30:12 作者:背鍋熊 閱讀:4114次撤稿申請

                                                              針對現在的網民來說,時間就是金錢,你的網頁慢ldquo;對不起,我換一個,網站那么多總有一個快的rdquo;。

                                                              相信有很多用網頁看盜版小說的小伙伴就深有體會,ldquo;打開一個小說頁面老半天,看個小說都費勁,不好意思,pass掉,換個反應快的網站繼續看ldquo;。

                                                              針對搜索引擎來說,ldquo;既然網民不喜歡你,我也不喜歡你,對不起,首頁不適合你呆,下去吧,讓別人來,別站著茅坑不拉屎rdquo;,特別是百度要求移動端網頁打開要小于3秒,最好1.5秒。

                                                              于是乎,不知不覺間,你不知排名莫名的掉了多少,你不知流失了多少流量,你不知流失了多少客戶,流失了多少金錢,對于大型網站尤為致命。

                                                              網頁加載慢到底如何提速?-小六seo

                                                              所以我們必須要知道網站加載速度為何慢,前面小六也更新過有一篇lsquo;rsquo;網頁打開速度慢怎么辦lsquo;rsquo;的文章,大家可以綜合來看,這里再和大家深度剖析一下。

                                                              首先我們要明白網頁加載原理,從url到網頁形成,中間經歷了些什么,才知道怎么處理,怎么提速。域名解析過程這里就不說了,我們說說頁面加載過程。

                                                              html網頁加載流程(瀏覽器渲染過程)

                                                              1、用戶輸入網址(假設該網址第一次在該瀏覽器打開,沒有緩存),瀏覽器向服務器發出請求,服務器返回html文件。

                                                              2、瀏覽器載入html文件,開始解析,從上往下開始解析。

                                                              3、解析過程中,瀏覽器發現lt;headgt;標簽內有一個外部引用的css文件,然后瀏覽器向服務器發出請求,服務器返回css文件,瀏覽器開始下載。

                                                              4、瀏覽器繼續載入下面的代碼,而后下載好了css,并開始渲染頁面,形成DOM樹。

                                                              5、瀏覽器繼續載入網頁代碼,又發現lt;headgt;內一個js引用文件,然后瀏覽器開始發出請求,服務器返回js文件,并阻塞并行的文件下載和解析,直到執行完畢。

                                                              6、瀏覽器繼續載入網頁代碼,發現有js腳本,則會立即執行,并阻塞后續資源下載與執行,直到執行完畢。

                                                              7、瀏覽器繼續載入,發現lt;bodygt;中lt;imggt;標簽引用了一張圖片,會向服務器發出請求下載圖片,瀏覽器在下載圖片的同時會繼續渲染后面的代碼。

                                                              8、圖片下載完成,但由于圖片占了一定的頁面體積,影響了后面的布局,此時瀏覽器會重新渲染這段代碼。

                                                              9、瀏覽器繼續載入代碼,發現lt;bodygt;中的js,如果是內置腳本(引用js需要請求下載)則直接執行,暫停后續載入,直至執行完成,而后繼續載入后續代碼,再進行頁面渲染,如js改變了頁面樣式,瀏覽器還會重新渲染這部分代碼。

                                                              10、直到最后全部代碼執行完畢,頁面渲染完成,展現出來。

                                                              網頁加載速度慢的原因

                                                              1、js文件請求過多,加長了頁面渲染時間。

                                                              2、重復渲染次數過多,浪費時間。

                                                              3、圖片、視頻資源過大,加載慢。

                                                              網頁加載慢到底如何提速-小六seo

                                                              提高網頁加載速度的方法

                                                              1、css分塊

                                                              一般情況下,js的執行很依賴于前面的css樣式,都是等css渲染完畢后開始執行,否則找不到元素;所以可以將css分成幾塊,首頁的css 單獨放一塊進行執行,減少首次加載網頁的白屏時間。

                                                              2、js執行順序

                                                              (1)js中有deferrdquo;truerdquo;、asyncrdquo;truerdquo;兩個屬性值,前者表示要等到DOM加載完成后,再按順序執行指定腳本,后者表示異步執行且不會依賴于任何js和css,下載完成就會立即執行(執行時會暫停渲染),不會阻斷當前頁面的渲染。

                                                              所以當我們的js滿足這兩個標簽時,可以使用讓其最后執行或異步執行,減少頁面渲染時間。

                                                              (2)我們也可以將js放到body最后等頁面渲染完成再執行。

                                                              3、網頁減肥

                                                              (1)刪除網頁中多余的空格、沒用的注釋。

                                                              (2)將內置js,css移動到外部文件,免得多次渲染。

                                                              (3)將一些可用css寫出來的問題代替圖片。

                                                              (4)可以用一些壓縮工具把代碼壓縮一下。

                                                              4、減少文件,減少請求

                                                              網頁中若有很多個js或css,最好將其合并為一個js或css文件,減少請求次數。

                                                              5、重復數據存入緩存

                                                              對重復使用的數據進行緩存,提高二次加載速度。

                                                              6、指定圖片、表格大小

                                                              內置樣式,指定圖片,表格的大小,以免重復渲染,讓瀏覽器直接執行。

                                                              7、關于cdn加速

                                                              這個沒啥好說的,選擇優質的dns服務商就可以了。至于服務器這里就不提了,一個字ldquo;好rdquo;就行,推薦阿里云,阿里云的服務器技術確實沒得說,就是快。

                                                              小貼士:關于圖片和視頻等大資源的話,大家可以使用阿里云對象存儲技術(Object Storage Service,簡稱OSS),會提高加載速度,大家自個兒研究吧。

                                                              好了不說了,希望對你有些啟發,本文由小六SEO原創發布,轉載請注明出處。

                                                              www.khp5.com
                                                              http://www.khp5.com/seody/242.html

                                                              (編輯:部分內容來互聯網)

                                                                頂一下
                                                                (17)
                                                                89.5%
                                                                踩一下
                                                                (2)
                                                                10.5%

                                                                版權聲明:

                                                                1、本文由SEO內容部分來自互聯網,保留著作所有權,轉載請注明來源,否則謝絕轉載;
                                                                2、非原創內容會有明確作者及來源標注。
                                                                3、本文標題:↓↓↓
                                                                網頁加載慢到底如何提速?

                                                                日韩不卡中文字幕在线视频