Wix 加快網頁速度-網頁減肥小技巧&官方建議 (上)

Wix 網頁減肥小技巧

第一次被教導如何設計網站就是用 Wix,就喜歡它操作快速、高質感模組 (有效率又帶顏值 誰不喜歡),此後只要是不帶購物車的形象網站,幾乎都是用它完成設計。


再好也都有些小缺點,Wix小缺點就是網頁肥大,造成載入速度過慢,對電商來說速度代表一切,根據統計近70%人希望網站開啟速度低於2秒,超過2秒可能會有50%的人選擇離開。
(網頁)減肥果然是一輩子的事.....

3個網頁減肥小技巧 |3 tips make your Wix website faster

1+影像銳利化|Image Sharpening


影像銳利化-這在修圖時常會用到,意思是會讓圖片的層次更立體,明暗對比更清楚,影像看起來更清楚。

設定位置:上方選單>settings>Image Sharpening



Image Sharpening 裡面共有6種選項,網頁內的圖片都會根據你的需求選擇而統一調整影像銳利度。永遠要記得設計的目標是什麼?要給誰看? 依照需求做取捨,影像要清晰漂亮就可能載入速度會過慢,你的使用者會願意等待嗎?

Wix 內自動設定是 【Classic】,沒有特殊需求的話請切換成【None】。

恭喜你,網站已快了一點! :)


2+網頁轉頁效果|Page Transitions


網頁轉頁效果-撇除一頁式網站來說,一般網站會有不同分頁,通常在網站選單的分頁、子分頁...。當轉入下一頁時,為了讓感受不會太粗暴,會運用一些特效,溫柔地帶使用者進入下一頁。

設定位置:左側選單>Site Menu>Page Transitions




Page Transitions 裡面共有5種選項,比照上面說的,沒有特殊堅持建議把網站速度當為優先考量,畢竟人都離開了,還談什麼內涵..... (淚)

Wix 內自動設定是 【Out-In】,沒有特殊需求的話請切換成【None】。

恭喜你,網站又更快了一點! :)


3+網頁開場|Website Intro



我最喜歡的tip來了>>
網頁開場-做個簡單開場爭取載入時間吧!用小把戲讓使用者體驗大大改變;)
用同樣的背景圖做一個網頁開場,意思同等於有些網站載入時會有60% 90%...Loading,或有圓圈邊轉邊等,都是為了分散注意力,讓使用者覺得網站有在"跑"不是空等而離開網頁。

設定位置:左側選單>Site Menu>+Add Page>Done




記得設定為首頁,並從選單中隱藏,盡量簡化選單避免使用者迷路

設定位置:INTRO>Page Settings>Page Info>Hide from menu  / 🏠 Set 




因為只是簡單開場用來分散注意力,那就把頁首頁腳隱藏吧!集中使用者的注意力

設定位置:INTRO>Page Settings>Layouts>No Header & Footer  



放上容易辨識的LOGO、品牌名,加上按鈕爭取使用者的判斷時間,也可以當作快速導引,想像消費者進入網站需要的是什麼? 想購物?【Shopping Now】想諮詢?【Contact Us】或是很直白告訴他們即將進入網站囉【Welcome to Enter】

恭喜你,網站快起飛了! :)


希望這些小技巧能幫助大家的網站速度明顯優化~

點我看下篇➡ Wix 網頁減肥官方建議 

留言

這個網誌中的熱門文章

Wix 加快網頁速度-網頁減肥小技巧&官方建議 (下)

【台中酒吧】FRANK Taichung 台中夜晚新去處!