文章彙整

首頁  /  專案分析  /  網站速度優化客戶案例-知名服飾品牌

經優化後,網站整體頁面大幅提升了60%的原始速度!

為什麼要優化網站速度?速度對一個網站的形象及轉換帶來什麼樣的影響?

以下我們先整理出幾項重點與大家快速說明,再用實際的客戶案例來與大家分享某知名服飾網站的優化成果。

 

網站速度的重要性

你的客戶是沒有耐心的-使用者體驗

在分秒必爭的網路戰場中,當你好不容易透過各種管道的廣告及行銷手法,將消費者吸引進入品牌網站時,卻因為網頁速度太慢體驗不佳,而導致瀏覽頁數減少、跳出率增加,甚至放棄購買等轉換行為而離開網站,這可是讓前面那些用心良苦都付諸流水前功盡棄啊!

使用Google PageSpeed Insights檢測網站速度是否需要改善!

 

 

行動搜尋結果排序將網頁讀取速度納入考量

Google早在2009年桌機版的演算法就已將網頁速度納入考量,2018年一開春更正式宣告行動搜尋結果也將採納讀取速度做排序,因此若是要讓自己網站在搜尋結果頁獲得好的版位與排序,以提升品牌曝光與點擊率,網頁讀取速度便是不可忽略的重要指標。

延伸閱讀:網站速度,影響你的行動搜尋排名?

 

 

網站速度:網站轉換率

許多市場調查公司(包含Google),皆明確指出網站的速度會直接影響該網站的轉換率,試想如果你是一個購物網站,你會希望消費者在1分鐘內看過多少商品?這取決於你的網站在頁面讀取完成後,留下多少時間給消費者瀏覽你的網站。

 

舉一個實例:

以知名網站*Pinterest來說,當他縮短了消費者感知時間40%後,網站的註冊量提升了15%之多。

註:Pinterest擁有2億(以上)的用戶,15%也就是近三千萬用戶。

 

【案例分享】

透過以上說明,相信大家對網站速度的重要性已經有個初步瞭解,接下來我們將以實際的服飾業客戶案例,向大家說明該網站的速度優化成果。

 

隨著網路普及趨勢,現在大多店家除了實體店面外亦提供網路上的銷售通路,尤其以服飾零售類最為大宗,而服飾業不可避免地需要大量圖片做產品呈現與說明,同時也增加了網站載入的負荷。

 

對於此客戶之網站,歐斯瑞從不同層面切入進行研究,包含硬體伺服器、網站前端設計、網站資料庫、網站程式等等,整理出許多重點優化項目,而其中以下三項,為改善最為顯著之優化。

 

 

優化資料存取模式

通常一個網站可分為前端程式、後端程式與資料庫三大部分,而本優化項目重點在於前、後端程式與資料庫之間的存取模式,透過合宜的專業工具檢測,你可以知道讀取一個頁面共發生過多少次的資料存取,並針對次數過多、或時間過長的項目,深入去研究背後造成的原因,再用合宜的方式去改善,藉此減少資料庫的讀取時間,達到縮短頁面速度的目的。

 

註:此優化方式需要熟悉該網站的專業人員才能執行,並於任何修改前進行完整的備份,避免資料遺失造成損失。

 

Lazy loading

前面提到服飾業所使用的圖片非常之多,這時候若您對網站優化有些了解,一定知道Lazy Loading。其實很多技術都可以稱作是Lazy Loading,它主要的概念是僅讓頁面讀取必要的部分,試著想想看,一個完整的網頁無法在不上下滑動的情況下,預覽完所有資料,尤其在這手機裝置盛行的時代,許多網站都採用瀑布式設計,讓使用者完全透過上下滑動去瀏覽網站。

 

那麼問題來了,如果使用者看不完這麼多資訊,為什麼不分次讀取呢?

 

這時候Lazy Loading就可以幫助網站先行讀取部分的頁面資訊,待用戶往下滑動時,才會繼續讀取其他頁面的資訊,如此一來在進入網頁的第一時間便能大幅縮短該頁面的讀取時間。

 

 

最小化JavaScript

相信所有網站工程師對於minify javascript 這一詞一定不陌生,而越是大型的網站系統,越難去壓縮它的程式。雖然在技術執行面並不困難,但卻是一項非常繁瑣的工作,常常一個不小心就破壞掉網站本身,因此建議在執行此任務時,頻繁的測試與備份是絕對必要的,雖然做好返回上一版本的準備,才不會到最後優化不成,還讓網站產生的許多問題。

 

 

 

專案成果總覽


經由以上優化,網站每頁載入速度提升37.9%,伺服器回應時間也增快61.8%的效能,而透過Google analytics數據顯示,透過網站效能的提升,該網站的轉換率也隨之大幅成長。

另外透過速度優化讓資料傳輸量整體降低,同時也讓網站的CDN費用隨之降低,省下了近30%的CDN成本。

 

以上就是本次歐斯瑞的網站速度優化案例分享,若你有相同的困擾與需求,想要對網站優化有更進一步的認識與瞭解,歡迎隨時聯絡我們!你亦可以點此(網站速度優化服務),查看更多我們的網站速度優化服務。