2015-09-19 分類: 網(wǎng)站建設(shè)
網(wǎng)站打開速度的快與慢,直接關(guān)系到訪客的用戶體驗(yàn)度。網(wǎng)站被加載的速度與多個(gè)要素相關(guān),如服務(wù)器優(yōu)于劣,網(wǎng)絡(luò)帶寬大與小,頁(yè)面代碼繁與簡(jiǎn)等。如果受限于資金,那么通過(guò)優(yōu)化網(wǎng)頁(yè)代碼來(lái)加速網(wǎng)站打開速度,就是很有效的方法。以下是網(wǎng)站打開速度優(yōu)化的方法詳解。
一:壓縮或精簡(jiǎn)Javascript代碼和css代碼。
無(wú)論什么類型的網(wǎng)站,用戶第一次點(diǎn)擊網(wǎng)站的時(shí)候,都會(huì)加載網(wǎng)站的Javascript和css代碼,假設(shè)這些代碼冗多,勢(shì)必會(huì)降低網(wǎng)站打開速度。
如果有這樣的問(wèn)題,就要對(duì)代碼進(jìn)行壓縮或精簡(jiǎn)。壓縮方面,有大量的第三方工具如站長(zhǎng)之家的CSS\JS壓縮工具可供大家直接免費(fèi)試用,經(jīng)過(guò)壓縮的代碼,普遍能減小40%到65%。精簡(jiǎn)方面,能用一個(gè)樣式控制就不用兩個(gè),思路是既能滿足網(wǎng)站的頁(yè)面布局,又是最小的代碼量。
二:降低HTTP請(qǐng)求。
有數(shù)據(jù)顯示,流量器會(huì)花費(fèi)8成的時(shí)間來(lái)加載腳本,css樣式表,圖片等網(wǎng)站元素,只有約2成的時(shí)間會(huì)用于加載網(wǎng)站其他的主要文字內(nèi)容。問(wèn)題是各個(gè)網(wǎng)站都會(huì)有HTTP請(qǐng)求,且同一個(gè)時(shí)間內(nèi)只能有2個(gè)HTTP請(qǐng)求,這樣的問(wèn)題下,假設(shè)有大于2個(gè)的HTTP請(qǐng)求一同請(qǐng)求,那么勢(shì)必會(huì)降低網(wǎng)站打開速度。如圖:
找到了HTTP請(qǐng)求對(duì)網(wǎng)頁(yè)速度的影響,下一步的解決辦法就是降低HTTP請(qǐng)求數(shù)。
3:對(duì)Javascript代碼和css代碼以及圖片進(jìn)行服務(wù)器端的緩存設(shè)置。
大家有發(fā)現(xiàn)這樣一個(gè)情況,假設(shè)用戶第一次訪問(wèn)了你的網(wǎng)站,那么用戶下一次再次訪問(wèn)你的站點(diǎn),速度就會(huì)更快。這是什么原因呢?原因在于瀏覽器緩存。
大多數(shù)服務(wù)器,或空間已經(jīng)默認(rèn)設(shè)置了緩存功能,站長(zhǎng)或者seoer要做的就是在后臺(tái)設(shè)定相應(yīng)文件類型以及過(guò)期時(shí)間。在此,建議為:如果是windows主機(jī),就將圖片,css和Javascript文件的緩存時(shí)間設(shè)置為30天;如果是ApacheWeb服務(wù)器,則使用mod_cache模塊開啟緩存功能。
4:優(yōu)化css中的引用圖片。
假設(shè)一個(gè)頁(yè)面需要大量的周邊圖片,如下圖標(biāo)等,如果這些圖片都是單獨(dú)調(diào)用,那么請(qǐng)求數(shù)就會(huì)加大,這就說(shuō)明:cssimages過(guò)多,請(qǐng)求數(shù)就會(huì)增大,網(wǎng)站打開速度就會(huì)變慢。
如果我們將頁(yè)面所需要使用的圖片合并在一張圖上,那么這些圖片請(qǐng)求數(shù)就會(huì)變?yōu)?,頁(yè)面速度相對(duì)就會(huì)加快。如何將需要的圖片放在一張圖上并在相應(yīng)的位置調(diào)用呢?方法在于坐標(biāo)定位。即:通過(guò)css坐標(biāo)取得圖片路徑,標(biāo)簽中引用相應(yīng)坐標(biāo)。
如果你對(duì)前端了解,那么這些都不是大問(wèn)題,如果你不懂css,那么CSS圖片合并生成器類工具(百度即可)能直接提供相應(yīng)內(nèi)容:合并css圖片,同時(shí)生成相應(yīng)代碼。
5:跳轉(zhuǎn)代碼位置,跳轉(zhuǎn)代碼加載順序。
網(wǎng)站被點(diǎn)擊后,頁(yè)面代碼是從上到下加載的。因?yàn)檫@個(gè)原因,我們就能對(duì)部分的腳本代碼做相應(yīng)的調(diào)整。
比較簡(jiǎn)單,我們通過(guò)查看與之間的代碼,主要是Javascript腳本代碼,把不重要的,非必須的調(diào)整到頁(yè)面底部。只要頁(yè)面能正常顯示,那么其余的統(tǒng)計(jì)代碼等都可以后一步加載。
如seo是什么這個(gè)站點(diǎn),分享等按鈕都放置到了底部。
6:壓縮圖像。
有數(shù)據(jù)顯示,圖片加載時(shí)間是造成網(wǎng)站速度的大因素,將圖片加載速度問(wèn)題解決,頁(yè)面速度問(wèn)題就解決了一大半。假設(shè)網(wǎng)站有大量jpg等格式的圖片,需要在不影響視覺的前提下,盡量對(duì)其壓縮,以減少圖片本身的大小。與壓縮Javascript文件類似,有大量的在線工具提供相應(yīng)壓縮服務(wù),有大量的圖像編輯軟件如美圖秀秀等,都有壓縮功能。
7:服務(wù)器端開啟gzip壓縮功能。
gzip壓縮是效率較高的一種數(shù)據(jù)壓縮格式。如果開啟gzip壓縮,壓縮率一般能達(dá)到75%左右,效果非常明顯。
大部分服務(wù)器如虛擬主機(jī),VPS等都已經(jīng)默認(rèn)開啟了這一項(xiàng)功能,如果沒有開啟,你對(duì)相應(yīng)設(shè)置又不會(huì),建議直接聯(lián)系空間商,讓他們解決。
網(wǎng)站打開速度seo優(yōu)化,網(wǎng)站打開速度的快與慢關(guān)系到用戶體驗(yàn)的問(wèn)題,關(guān)系到網(wǎng)站對(duì)搜索引擎?zhèn)鬟f的友好度問(wèn)題,利用可實(shí)現(xiàn)的手段加快網(wǎng)站加載速度,顯得不可或缺。
本文名稱:怎么優(yōu)化可以使網(wǎng)站打開速度更高效?
鏈接分享:http://www.rwnh.cn/news4/27154.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)站排名、標(biāo)簽優(yōu)化、軟件開發(fā)、域名注冊(cè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容