最新消息

最新消息 > 如何有效提高網頁轉化率?(一)

如何有效提高網頁轉化率?(一)

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%。 通常,您的託管服務提供商的技術支持團隊可以為您做到這一點。


Bingo 網頁設計公司致
< 上一篇 下一篇 > 新聞中心