專注用戶體驗設(shè)計與開發(fā)
-
商務(wù)合作
- 郵箱：123456789@qq.com
- 手機：15323711532
- 座機:0755-84185494
- 地址：廣東省深圳市龍崗區(qū)布吉中興路21號基業(yè)大廈
Copyright ? 2015 深圳市鑫惠廣網(wǎng)絡(luò)科技有限公司 粵ICP備2023111395號 
網(wǎng)站打開速度的快與慢，直接關(guān)系到訪客的用戶體驗度。網(wǎng)站被加載的速度與多個要素相關(guān)，如服務(wù)器優(yōu)于劣，網(wǎng)絡(luò)帶寬大與小，頁面代碼繁與簡等。如果受限于資金，那么通過優(yōu)化網(wǎng)頁代碼來加速網(wǎng)站打開速度，就是很有效的方法。 一：壓縮或精 […]
網(wǎng)站打開速度的快與慢，直接關(guān)系到訪客的用戶體驗度。網(wǎng)站被加載的速度與多個要素相關(guān)，如服務(wù)器優(yōu)于劣，網(wǎng)絡(luò)帶寬大與小，頁面代碼繁與簡等。如果受限于資金，那么通過優(yōu)化網(wǎng)頁代碼來加速網(wǎng)站打開速度，就是很有效的方法。
一：壓縮或精簡Javascript代碼和css代碼。
無論什么類型的網(wǎng)站，用戶第一次點擊網(wǎng)站的時候，都會加載網(wǎng)站的Javascript和css代碼，假設(shè)這些代碼冗多，勢必會降低網(wǎng)站打開速度。
如果有這樣的問題，就要對代碼進行壓縮或精簡。壓縮方面，有大量的第三方工具如站長之家的CSS\JS壓縮工具可供大家直接免費試用，經(jīng)過壓縮的代碼，普遍能減小40%到65%。精簡方面，能用一個樣式控制就不用兩個，思路是既能滿足網(wǎng)站的頁面布局，又是最小的代碼量。
二：降低HTTP請求。
有數(shù)據(jù)顯示，流量器會花費8成的時間來加載腳本，css樣式表，圖片等網(wǎng)站元素，只有約2成的時間會用于加載網(wǎng)站其他的主要文字內(nèi)容。問題是各個網(wǎng)站都會有HTTP請求，且同一個時間內(nèi)只能有2個HTTP請求，這樣的問題下，假設(shè)有大于2個的HTTP請求一同請求，那么勢必會降低網(wǎng)站打開速度。如圖：
找到了HTTP請求對網(wǎng)頁速度的影響，下一步的解決辦法就是降低HTTP請求數(shù)。
3：對Javascript代碼和css代碼以及圖片進行服務(wù)器端的緩存設(shè)置。
大家有發(fā)現(xiàn)這樣一個情況，假設(shè)用戶第一次訪問了你的網(wǎng)站，那么用戶下一次再次訪問你的站點，速度就會更快。這是什么原因呢？原因在于瀏覽器緩存。
大多數(shù)服務(wù)器，或空間已經(jīng)默認(rèn)設(shè)置了緩存功能，站長或者seoer要做的就是在后臺設(shè)定相應(yīng)文件類型以及過期時間。在此，建議為：如果是windows主機，就將圖片，css和Javascript文件的緩存時間設(shè)置為30天；如果是Apache Web服務(wù)器，則使用mod_cache模塊開啟緩存功能。
4：優(yōu)化css中的引用圖片。
假設(shè)一個頁面需要大量的周邊圖片，如下圖標(biāo)等，如果這些圖片都是單獨調(diào)用，那么請求數(shù)就會加大，這就說明：cssimages過多，請求數(shù)就會增大，網(wǎng)站打開速度就會變慢。
如果我們將頁面所需要使用的圖片合并在一張圖上，那么這些圖片請求數(shù)就會變?yōu)?，頁面速度相對就會加快。如何將需要的圖片放在一張圖上并在相應(yīng)的位置調(diào)用呢？方法在于坐標(biāo)定位。即：通過css坐標(biāo)取得圖片路徑，標(biāo)簽中引用相應(yīng)坐標(biāo)。
如果你對前端了解，那么這些都不是大問題，如果你不懂css，那么CSS圖片合并生成器類工具（百度即可）能直接提供相應(yīng)內(nèi)容：合并css圖片，同時生成相應(yīng)代碼。
5：跳轉(zhuǎn)代碼位置，跳轉(zhuǎn)代碼加載順序。
網(wǎng)站被點擊后，頁面代碼是從上到下加載的。因為這個原因，我們就能對<head>部分的腳本代碼做相應(yīng)的調(diào)整。
比較簡單，我們通過查看<head>與</head>之間的代碼，主要是Javascript腳本代碼，把不重要的，非必須的調(diào)整到頁面底部。只要頁面能正常顯示，那么其余的統(tǒng)計代碼等都可以后一步加載。
如seo是什么這個站點，分享等按鈕都放置到了底部。
6：壓縮圖像。
有數(shù)據(jù)顯示，圖片加載時間是造成網(wǎng)站速度的最大因素，將圖片加載速度問題解決，頁面速度問題就解決了一大半。假設(shè)網(wǎng)站有大量jpg等格式的圖片，需要在不影響視覺的前提下，盡量對其壓縮，以減少圖片本身的大小。與壓縮Javascript文件類似，有大量的在線工具提供相應(yīng)壓縮服務(wù)，有大量的圖像編輯軟件如美圖秀秀等，都有壓縮功能。
7：服務(wù)器端開啟gzip壓縮功能。
gzip壓縮是效率較高的一種數(shù)據(jù)壓縮格式。如果開啟gzip壓縮，壓縮率一般能達(dá)到75%左右，效果非常明顯。
大部分服務(wù)器如虛擬主機，VPS等都已經(jīng)默認(rèn)開啟了這一項功能，如果沒有開啟，你對相應(yīng)設(shè)置又不會，建議直接聯(lián)系空間商，讓他們解決。
點評：
網(wǎng)站打開速度的快與慢關(guān)系到用戶體驗的問題，關(guān)系到網(wǎng)站對搜索引擎?zhèn)鬟f的友好度問題，利用可實現(xiàn)的手段加快網(wǎng)站加載速度，顯得不可或缺。
專注用戶體驗設(shè)計與開發(fā)
Copyright ? 2015 深圳市鑫惠廣網(wǎng)絡(luò)科技有限公司 粵ICP備2023111395號
