發佈日期 : 2019-03-08
如何提高網頁轉化率？相信很多網站運營人員會有這樣的疑問，香港（HK）bingo網頁設計公司的資深網頁設計師 David 會在接下來幾期文章中，為大家分享若幹個最重要的網頁設計技巧，這些技巧將使你的網頁轉換率飆升。
盡可能降低頁面加載時間
來自Websitebuilder.org的研究統計數據表明，網頁加載的延遲會導致網頁轉化率降低7％左右。而且這個數字還有持續增高的趨勢。
換句話說，隨著時代的發展，人們在瀏覽網頁時的耐心也越來越少了。我們一定要盡可能降低頁面加載時間。
Websitebuilder.org的研究統計數據中還提到，結帳流程也會影響轉化率，有對比數據表明更快的結帳流程可將轉化率提高66％。
那麽如何才能提高網頁加載速度？
（1）減少HTTP請求次數。
HTTP請求越多，加載頁面所需的時間就越多。這裏簡單介紹2種減少http請求的方法
圖片使用雪碧圖(CSS Sprite)
除了壓縮圖片，優化圖片的圖片有很多中方法，最常見的就是雪碧圖(CSS Sprite)，即把多張小圖片合並為一張圖，利用CSS -background-position調整圖片顯示位置。
再配合圖標字體文件比如流行的font-awesome等等。就可以隨心所欲的使用各類圖片，利用CSS定義圖標顏色。
data:url模式可以在頁面中渲染圖片但無需額外的HTTP請求，格式如下：
<img scr="data:image/png;base64, xxxxxxxxxxxxxxxx">
或者把圖片數據放在CSS文件裏面定義，比如：
.imageA {
background-image: url(data:image/jpg;base64, xxxxxxxxxxxxxxxx);
}
註意：移動端不建議用src="data:image..."，性能非常不好。
合並JS和CSS文件
現在很多在線工具可以使JS或者CSS文件的壓縮，合並。只不過，合並後文件大小如何，需要自己權衡利弊。如果只為減少HTTP請求，而合成體積龐大的JS或CSS文件，導致白板或者頁面卡頓就得不償失了。
小貼士：
HTTP 1.1默認在request header裏面開啟gzip。
使用gzip編碼來壓縮HTTP響應包，由此可以減少網絡響應時間。
例子：Accept-Encoding:gzip,
（2）生成靜態頁面
我們可以在服務器上修改.htaccess文件，設置相應的rul規則，並利用一些php設置，生成相應的html緩存頁面。完成後加載時間最多可減少20％。 通常，您的託管服務提供商的技術支持團隊可以為您做到這一點。
