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

古柏廣告設(shè)計(jì)
助力企業(yè)品牌成長(zhǎng)
圍觀:1124次

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

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

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

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

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

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

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

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

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


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

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

?

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

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


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

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

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

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

GOOBAI AD.

Brand Whole Case Design


4000-882-993

tian520.cn

微信加好友咨詢


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

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

Copyright?2004-2020 GOOBAI Inc.All rights reserved

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

備案號(hào):粵ICP備09222445號(hào)

GOOBAIAD

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

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

Q Q/微信:212210324

與古柏對(duì)話

關(guān)注古柏