提高網(wǎng)頁加載速度的方法是什么?

古柏廣告設(shè)計
助力企業(yè)品牌成長
圍觀:1153次

在打開網(wǎng)頁的時候,可能差不多相同的網(wǎng)頁,他們的加載速度是很不相同的,有的快很多,有的又慢。這個是為什么呢?網(wǎng)頁加載速度和哪些因素有關(guān)?怎么去提高它們的加載速度呢?

縮減頁面
在網(wǎng)速一定的情況下,頁面體積(大?。┰叫〉木W(wǎng)頁肯定加載時間要快的。所以縮減頁面體積也是提高網(wǎng)頁加載速度的重要方法。在滿足頁面必要的 內(nèi)容之后??梢詼p少那些不必要的元素??s減頁面可以從網(wǎng)頁代碼來著手,所以建議代碼和格式控制的分離,建議用div+css的方式來做網(wǎng)站。CSS文件從外部引用,可以減少大約一半的代碼量。相對于TABLE來說。

減少網(wǎng)頁的連接
頁面連接數(shù)是指瀏覽器從服務(wù)器上下載完當(dāng)前頁面以及其所需資源的過程中向服務(wù)器發(fā)出的請求次數(shù)。可能網(wǎng)頁要從別的地方下載一些東西來完善,那么最好是減少這種連接,如一個頁面含有2個圖片,2個CSS文件和1個JS。那么網(wǎng)頁的連接一共有1+2+2+1=6個連接。這還算比較少的,一般的頁面可能不止,所以,適當(dāng)減少網(wǎng)頁連接也是必要的。縱觀不少的國外網(wǎng)站,一般都是用CS來控制外觀,很少用圖片的,有的網(wǎng)站幾乎都不用圖片。

還有就是能統(tǒng)一到一個文件里面的盡廣州網(wǎng)站設(shè)計量統(tǒng)一到一個文件里面,比如js文件和css文件都沒有必要外聯(lián),都可以吐到一個相應(yīng)的html代碼中間,讓服務(wù)器一次性發(fā)送給瀏覽器,這樣的好處有很多:首先可以減少頁面連接數(shù),其次可以避免由于網(wǎng)絡(luò)問題造成的頁面裸奔現(xiàn)象(沒有css修飾的頁面就是裸奔)和js功能函數(shù)沒load完造成頁面功能不完整的現(xiàn)象。

我們一般看到的大型網(wǎng)站都是這樣的。他們的CSS和HTML都是在一個頁面。那么可能有人說:把js和css代碼都寫在一個頁面里面豈不是很不好維 護(hù)?事實(shí)上但是把js和css代碼與HTML搞在一起只是給瀏覽器看的,有很多的方法可以做到頁面生成之前css、js和HTML都是完全分離的,而生成的頁面卻是三者的綜合體。

設(shè)置瀏覽器的頁面緩存
設(shè)置瀏覽器的頁面緩存也是一個不錯的辦法,能非常有效地降低頁面連接數(shù),提高頁面加載速度。比如通用標(biāo)志、頁首或?qū)Ш綏l,不必一遍一遍地下載。一般IE在RAM或硬盤上設(shè)置緩存來存儲最近用到的圖像。如果瀏覽器認(rèn)識是相同的文件名,它會讀緩存,而不是從網(wǎng)上下載。當(dāng)然這只是針對那些實(shí)時性不強(qiáng)的網(wǎng)站來說。

啟用GZIP壓縮
這個是近年來的技術(shù),啟用GZIP壓縮可以讓網(wǎng)頁實(shí)際下載量只有原來的1/3。所有的瀏覽器都支持,問題是服務(wù)器支持這種壓縮算法沒有,建議可以壓縮的話盡量啟用。也是一個重要的功能。

服務(wù)器能力
這里的服務(wù)器主要包括兩項(xiàng),一個是http的服務(wù)器,還有一個是數(shù)據(jù)庫服務(wù)器。在訪問網(wǎng)頁時一般靠的是這兩個服務(wù)器的配合程度。一般ASP的頁面建議用SQL SERVER或者ACESS,PHP的可以用MYSQL。提高網(wǎng)頁加載速度的方法可以從服務(wù)器的連接數(shù)、提高程序執(zhí)行效率著手,比如靜態(tài)化頁面或者使用緩存可以減少數(shù)據(jù)庫的壓力,減少頁面連接數(shù)可以減少http服務(wù)器的壓力等。

客戶端網(wǎng)絡(luò)狀況
這個肯定不用說了,肯定是網(wǎng)速越快的加載時間也越短,不過對于網(wǎng)站建設(shè)者來說,這點(diǎn)是無能為力的,這點(diǎn)取決于瀏覽者電腦的網(wǎng)絡(luò)狀況,不過的確也是一個因素。


?更加全面的可以加速網(wǎng)頁的方法如下:

  • 1. 減少網(wǎng)頁的 HTTP 請求
  • 2. 使用 CDN
  • 3. 為網(wǎng)頁元素添加 Expires Header
  • 4. 啟用 Gzip
  • 5. 把 CSS 放在網(wǎng)頁頂部
  • 6. 把活動的腳本文件移到底部
  • 7. CSS中避免使用Expression語句
  • 8. JS和CSS文件從外部引用
  • 9. 減少 DNS 查表時間
  • 10. 縮小JS和CSS文件體積
  • 11. 避免網(wǎng)頁跳轉(zhuǎn)
  • 12. 刪除重復(fù)的腳本
  • 13 配置Etag

?

當(dāng)然,可能有更多的方法來提高網(wǎng)頁加載速度,不過通過上面介紹的這些方法之后,網(wǎng)頁的打開速度應(yīng)該會大大加快。

版權(quán)聲明:以上文章信息來源于網(wǎng)絡(luò),等僅代表原作者本人的觀點(diǎn)。除了已經(jīng)標(biāo)注原創(chuàng)的文章外,其它文章版權(quán)和文責(zé)屬于原作者。文章中出現(xiàn)的商標(biāo)、專利和其他版權(quán)所有的信息,其版權(quán)屬于其合法持有人。對可以提供充分證據(jù)的侵權(quán)信息, 我們將在確認(rèn)后的1小時內(nèi)刪除。


本網(wǎng)站之聲明以及其修改權(quán)、更新權(quán)和最終解釋權(quán)均屬廣州古柏廣告策劃有限公司所有。

(注:古柏廣告-版權(quán)所有-轉(zhuǎn)載請注明出處。)

關(guān)鍵詞: 返回上層
品牌全案策劃、設(shè)計、執(zhí)行一站式服務(wù),
助力企業(yè)品牌成長!

掃一掃關(guān)注古柏

GOOBAI AD.

Brand Whole Case Design


4000-882-993

theemployementguide.com

微信加好友咨詢


廣州古柏廣告策劃有限公司

地址:廣州市天河區(qū)東圃長盛商務(wù)大廈B213-215

Copyright?2004-2020 GOOBAI Inc.All rights reserved

粵公網(wǎng)安備: 44010602001481號

備案號:粵ICP備09222445號

GOOBAIAD

服務(wù)熱線:020-3160-9080

業(yè)務(wù)總監(jiān):136-3149-2728(Mr.羅)

Q Q/微信:212210324

與古柏對話

關(guān)注古柏