網站開啟速度慢應該怎麼提升載入速度?

科技行業資訊發表於2021-11-09

網站的開啟速度直接影響著訪客的體驗度,而網站的載入速度也和很多要素相關,比如伺服器不好,寬頻大小,網站內的圖片過大,程式碼不規範等導致的,那麼應該如何優化開啟速度呢?




一、靜態化




      頁面的字尾是html或php等,那動態網站開啟頁面之後的步驟就是先去讀取資料庫的資料,然後再顯示到頁面中,就相當於多走了好幾步,並且資料庫也是有大小和訪問的速度,這樣下去網站肯定會比較慢。相對於靜態頁面就不一樣了,不需要訪問資料庫,而是生成資料庫的資料到頁面中,這樣就相當於一條直路,肯定相對於很快的。




二、壓縮精簡Jas和css程式碼




      當使用者在點選網站的時候就會載入網站的js和css程式碼,如果這些程式碼特別多,那麼肯定也會影響網站的開啟速度,出現這樣的問題就要對程式碼進行壓縮或精簡化。壓縮的話可以去網上找工具然後進行壓縮,精簡程式碼也就是可以用一個樣式控制不要多出來一個,也能滿足頁面的佈局。






  三、減少HTTP請求數




       使用者在開啟網站的時候後臺響應的時間並不多,而等待的時間全部都用在素材上了,html、css、js、flash、圖片等,每增加一個元素網頁的載入速度也就慢一些,當然要是寬頻特別高的話不受什麼影響,想要載入速度提升那麼有以下方法。




1、形狀類用css樣式來代替,儘量不要用圖片。




2、對於文字檔案可以直接進行合併,比如css將多個合成一個檔案(合成的css程式碼中不要有相同的類名)


 


  四、優化css圖片




      假設一個頁面當中需要大量的圖片比如圖示,那麼這些都是單獨呼叫,請求資料就會增加,這也就說明在css當中引用的images過多也會導致網站的開啟速度變慢。




      如果把頁面中所需要的圖片合併到一張圖裡面,那麼請求數量就會變成1,頁面速度也就會加快,呼叫的方法可以通過相對於的座標位置進行填寫。


 


  五、圖片壓縮


只要把圖片載入速度解決了那基本上就解決了一大半了,如果網站有大量的png、jpg等格式的圖片,在不影響視覺的情況下,進行壓縮,減少圖片本身的大小,和js、css檔案壓縮類似,網上也有很多工具。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70007510/viewspace-2841305/,如需轉載,請註明出處,否則將追究法律責任。

相關文章