10個網站優化技巧

優質的網站不僅需要網站搭建環境、網站頁面設計、網站佈局完美,同時網站的內容、SEO優化也是必不可少的。下面是YJBYS小編收集的10個網站優化技巧 ,希望對你有幫助!

10個網站優化技巧

  1、樣式表置頂,腳本置底

將樣式表放在頂部有利於頁面迅速加載,因爲這樣可以使得頁面慢慢呈現。一般來說,在同一時間,大部分瀏覽器支持並行下載兩個組件(圖像、樣式和腳本)。但是通常而言,腳本會在並行下載時會阻止其他的下載,直到腳本下載完畢。

  2、JavaScript的延遲解析

爲了加載網頁,瀏覽器必須解析所有的標記內容,從而增加了網站的加載時間。通過延遲解析腳本,那麼就可以減少初始網站的加載時間了。

  3、避免阻塞型的JavaScript和CSS

在瀏覽器呈現網頁之前,它首先需要通過解析HTML標記語言來構建一個DOM樹。在此過程中,如果遇到了腳本,此過程就會中止,轉而先執行腳本,然後纔會繼續原先的活動。因此建議避免阻塞型的JavaScript,尤其是外部腳本。

阻塞型JavaScript還會導致網站的延遲。所以不妨推遲加載那些不重要的JavaScript,或者採用異步加載的方式。另一種選擇是將這些HTML代碼內嵌到網站上,同時需要確保CSS的優化。

  4、優化代碼:不使用內聯的CSS

內聯了樣式就不能清清楚楚地將內容從設計中剝離開來。同時可能還會需要大量的維護工作,給網站管理員帶來各種不便,還會進一步增加網頁的大小。

  5、文件分離

網站的文件可以分爲CSS、JavaScripts和圖像。文件分離雖然並不能直接改善網站的加載時間。但是,這麼做可以提高服務器的穩定性,特別是當網站流量突然出現了尖峯的時候。子域也可以用於託管文件,這樣可以增加並行下載的數量。

  6、儘量減少HTTP請求

還有一種簡單的優化網頁速度的方法是,減少HTTP請求。當一個網站一下子收到太多的HTTP請求,它的訪客就會有響應時間延遲的體驗,這不僅增加了CPU使用率也增加了頁面的加載時間

  7、丟棄跟蹤代碼、嵌入視頻的元素和分享按鈕

很多網站管理員認爲使用多個跟蹤代碼提供嵌入和分享按鈕會帶給用戶更好的`體驗,實際上這隻會給網站增加更多的服務請求。例如,一個iframe會請求一個新頁面,這會自動降低網站的加載速度。所以,丟棄這些跟蹤代碼,可以提高網站加載速度,提升用戶體驗。

  8、避免重定向

重定向是對網站訪問者的一種極大的刺激。就類似你去一個朋友家,卻發現你朋友早已經搬到三個街區遠的地方了。重定向會消耗額外的時間,降低加載速度。

  9、開啓長連接(Keep-Alive)

Keep-Alive頭對縮短瀏覽器和服務器之間的分佈式請求的潛伏期是非常重要的。當用戶通過瀏覽器請求網頁時,瀏覽器會讀取服務器發送的特定的 HTML文件,如果請求的頁面中包含了外部的CSS和JavaScript文件,瀏覽器會再次發送獨立的請求來獲取這些文件。正如你想的,這會延長頁面的 加載時間。

  10、圖片優化

首先,你需要優化你網站上的圖片,來獲得絲毫加速網站的機會。從原圖上移除額外的註解、不必要的空間和無用的顏色,將圖片保存爲JPEG格式,因爲它即使佔用空間小,也能保證圖片的高質量。

對於WordPress網站,建議使用smush.it插件來自動優化網站的圖片。如果圖片是PNG格式,可以使用tinypng 優化圖片,提高圖片質量。