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】。
Wix 內自動設定是 【Classic】,沒有特殊需求的話請切換成【None】。
恭喜你,網站已快了一點! :)
2+網頁轉頁效果|Page Transitions
設定位置:左側選單>Site Menu>Page Transitions
Page Transitions 裡面共有5種選項,比照上面說的,沒有特殊堅持建議把網站速度當為優先考量,畢竟人都離開了,還談什麼內涵..... (淚)
Wix 內自動設定是 【Out-In】,沒有特殊需求的話請切換成【None】。
恭喜你,網站又更快了一點! :)
我最喜歡的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 網頁減肥官方建議
網頁開場-做個簡單開場爭取載入時間吧!用小把戲讓使用者體驗大大改變;)
用同樣的背景圖做一個網頁開場,意思同等於有些網站載入時會有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 網頁減肥官方建議
留言
張貼留言