當(dāng)前位置: 首頁(yè) > 設(shè)計(jì)知識(shí) > 企業(yè)官網(wǎng)設(shè)計(jì) > 提高網(wǎng)頁(yè)加載速度的方法是什么?
在打開網(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è)的方法如下:
?
當(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州古柏廣告策劃有限公司所有。
掃一掃關(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)
與古柏對(duì)話
關(guān)注古柏