不嚴格的講,在楊致遠和費羅在斯坦福大學的機房里攛掇出Yahoo!時,Web前端技術就已經開始進入公眾視野,只不過當時沒有一個響亮的名字。從那時起,“基于瀏覽器端的開發”就成了軟件開發的新的分支,這也是Web前端技術的核心,即不論何時何地何種系統以及怎樣的設備,但凡基于瀏覽器,都是Web前端開發的范疇。那么當我們說到前端時,第一反應都會想到交互、設計、開發,這是前端的基本組成部分,但其實就在這些表現的背后還隱藏了一個大Boss。
讓我們先來看這樣一個場景,明明前端設計做的很漂亮,交互做得也很好,但是用戶在使用頁面的時候卻經常會遇到點擊頁面出現遲緩的現象,大大影響了頁面的打開率。據統計,由于頁面跳轉停留時間長或者打開率低而造成的用戶流失率簡直高達20%,就算十二星座里面性子最慢的雙魚也受不了。運營經理發現了問題,找到前端,前端工程師開始采取各種各樣優化的方法,比如:
效果如何呢?效果還不錯。可是這些方法是不是都太耗費精力了?前端如此辛苦!
還有這樣一種情況:
在我們的認知里,一個成熟的公司或項目里,前端一般只負責顯示、交互和簡單的現實邏輯,后端負責業務邏輯、數據存儲。當前端出問題的時候,比如很簡單的按鈕位置不對,點擊后的事件不對等,很輕易就能看出來;但是后端的問題,除非真的是邏輯寫錯很直白的錯誤,否則很難一眼看出來。但是不管是什么問題,所有人用戶也好其他部門的也好,包括QA在哪第一接觸的就是前端界面,所以很自然的就會把BUG扔給前端,前端費勁看半天,才發現可能有一半以上的都是后端問題——做過業務的前端肯定有過這樣的經歷吧。不是自己的問題但是第一個被指責的卻是自己。
不用怕,拯救前端的工具出現了,只要在頁面源代碼中嵌入一段2行的JS嵌碼,讓急脾氣的白羊座和追求精細的處女座也能愛上的網頁就能出現了!
聽云Browser——只為全力打造瀏覽器端完美性能管理體驗!
聽云Browser是基于頁面JS嵌碼技術的真實用戶性能監測(RUM)產品。通過監測頁面加載時間、JavaScript錯誤、AJAX 統計等性能指標,聽云Browser可為用戶的網站、移動站點、HTML5網頁及WebApp等網站提供準確和詳細的真實用戶體驗評估,定位網站在高并發下的性能瓶頸。
無論你是以下哪種企業的前端工程師,都可以用到聽云Browser:
1.擁有網站的互聯網公司和傳統企業
2.擁有HTML5網站 、游戲的企業
3.擁有大型內網的政府、企業
4.混合式App的企業或用戶
聽云Browser可以幫助前端工程師做到這些事——
1.AJAX請求:監測AJAX請求響應時間、響應代碼及回調時間
2.頁面性能分析:幫助開發者更快捷的定位服務端、客戶端的頁面問題
3.JS錯誤定位:代碼層準確定位出錯頁面或腳本URL,引用頁面URL,抓取瀏覽器基本信息等錯誤信息
4.瀏覽器監測:提高網站在不同瀏覽器下的兼容性
5.端到端的性能可視化:快速定位和解決客戶端、服務端性能問題
聽云Browser的8宗最——
1.最小的探針、最少的額外流量
2.最合理的頁面分級和分組:分主機、URL兩級展示、URL按規則合并
3.最豐富的頁面性能指標:DNS解析、TCP建連、阻塞耗時、應用耗時、首包時間、網絡耗時、DOM處理、頁面渲染、頁面加載、首次渲染、自定義
4.最人性的用戶自定義性能指標
5.最詳細的慢頁面追蹤數據和瀑布圖
6.最詳細的錯誤追蹤記錄,還特別提供AJAX請求回調時間統計、組合分析
7.最全的瀏覽器識別和分析:支持IE、Chrome、Safari、Bot、Firefox、Liebao、Sougou、UC等多種瀏覽器的監測與識別
8.最詳細的應用設置項:提供應用名稱、ApdexT、追蹤閾值、關注國家、頁面URL合并、自定義加載性能等多個設置項
廢話不多說,想擁有瀏覽器端完美的性能體驗嗎?聽云Browser活動公測全面開啟,登陸http://www.tingyun.com/tingyun_browser.html,注入JS代碼,實時了解你網站的真實用戶體驗,為你的網站打造極致性能體驗吧!
(新聞稿 2015-12-08)