標籤:

WEB前端如何從工程上保證跨瀏覽器體驗?

在國內某電商工作,日PV在百萬以上。

最近偶然的機會看到了網站的GA統計,數據整理如下(不區分瀏覽器版本,以相對於平均值的正負百分比表示)

以上數據反映出用戶在IE平台的會話持續時間短,瀏覽頁數少,跳出率高

總結為 IE平台的用戶體驗遠低於網站平均水平,如果能提升IE平台的用戶體驗,則潛在的利潤空間是非常巨大的

IE中6和7所佔比例合計約12%,也就是說8+這樣的【現代瀏覽器】是絕大多數。

實際的開發經驗來看,棘手的兼容性問題主要集中在6 和 7,8+的問題較少遇到,測試流程也基本覆蓋了6 - 9。可以認為用戶的體驗問題並不是功能缺陷導致的

可能有人會說不是功能問題那就是性能問題?確實目前的代碼在性能和維護性上都難以直視,但更讓我在意的是:為什麼數據體現得如此明顯的體驗差異,在日常開發中完全無從察覺?

如何從工程上來確保跨平台的用戶體驗,而不僅僅是靠開發自覺的重構,期待更多的經驗與討論


為什麼我想到的是:既然會話持續時間短,瀏覽頁數少,跳出率還高,乾脆不要兼容他們好了……

羞愧地匿了


給低版本瀏覽器彈升級提醒,本應是微軟的責任,現在每個網站彈一個,就當幫微軟擦屁股吧。


用IE6的人群智商肯定要稍微低於正常人群,這部分人群肯定好騙,所以對電商是重要用戶


漸進增強、優雅降級


優雅降級


突然很好奇是哪家電商,為啥PV這麼低...

說正題,私以為只是看跳出率沒有意義,如果你的頁面做的高效,大家點進來,分分鐘買到東西,或者看到了想看的優惠信息,自然就到下一個路徑了,執著在當前頁面停留太久沒有意義,幫別人節約了時間,幫公司賺到錢才是王道,如果這個目的達成了,就不要糾結哪些額外的數字了~

IE的話,大家談論優雅降級的時候多數看到的都只是UI簡化,但是更需要關注的則是瀏覽器卡頓(不一定UI簡化了,頁面就不卡了喲),

自測IE的時候,我相信你也一定有IE專用虛擬機[6,7,8,9,10,11],WINXP,WIN8因為字體緣故能來的,再多來一套神馬的..

但是,我們在做虛擬機分配資源的時候,或多或少都給了一個很爽的值,可是實際上,用戶的機器永遠有你不知道的奇葩摳門配置,據說早期的QZONE據說有一台很不錯的用戶模擬機,配置奇差的台式(即使不用配置奇差,小白用戶亂安軟體,不節制使用系統資源,高配一樣卡卡的),如果你執著這個跳出率,請輔助收集這部分用戶的頁面載入時間,以及模塊初始化完成的展示時間,來確定和你的程序卡頓無關。

當然,還有很重要的一點,就是大家老吐槽的「內容為王」,如果用戶只是因為運營編輯「標題黨」而進來的,看到頁面沒自己想要的東西(或者UI設計有失誤,用戶看不到可交互內容),自然流失掉了。

一人拙見。


推薦閱讀:

參加FEDAY 2016是一種怎樣的感受?
一個網站,前端頁面,要求兼容ie 6.7.8,我還有必要去使勁做嗎?
為什麼中國的大學的官網都這麼難看?
請教JS的詳細意思和學習路程 ?
JS中的閉包為何會產生"副作用,即閉包只能取得包含函數中任何變數的最後一個值"?

TAG:前端開發 |