已收藏,可在 我的資料庫 中查看
關注作者
您可能還需要

建設網(wǎng)站為什么以Lighthouse為檢測標準?

Lighthouse全面描述了在網(wǎng)站建設和WEB應用領域可能存在的用戶體驗問題及開發(fā)人員可能存在的開發(fā)瓶頸。

建設網(wǎng)站為什么以Lighthouse為檢測標準?

如果我們曾關注過網(wǎng)絡性能,一定對Lighthouse不陌生。是的,Google推出的這套網(wǎng)頁及WEB應用評測工具的初衷是為了幫助網(wǎng)頁開發(fā)人員開發(fā)出質量更高的網(wǎng)頁?,F(xiàn)在它簡單易用,即便您是非專業(yè)人士也能用Lighthouse來評估網(wǎng)站建設質量。

Lighthouse全面描述了在網(wǎng)站建設和WEB應用領域可能存在的用戶體驗問題及開發(fā)人員可能存在的開發(fā)瓶頸。

作為非專業(yè)的人士來說,通過Lighthouse能夠洞察網(wǎng)站存在的不足,而這些不足可能是很難識辨或者根本未曾意識到的。

Lighthouse是一個開放源代碼的網(wǎng)頁及WEB程序審核工具,評測涉及幾個關鍵領域:網(wǎng)頁性能,可訪問性,最佳實踐,網(wǎng)頁SEO能力和漸進式Web應用程序。

定量了解網(wǎng)站的性能狀態(tài)

移動網(wǎng)絡應用越來越熱,突然間網(wǎng)站性能成為人們關注的網(wǎng)站第一核心要素?,F(xiàn)在只需要在Chrome瀏覽器中安裝擴展Lighthouse即能便捷知曉網(wǎng)站的性能狀態(tài),尋求更好的解決方案。

以下是新龍官方網(wǎng)站首頁LightHouse測試結果(點擊此處了解測試方法):

建設網(wǎng)站為什么以Lighthouse為檢測標準?

深圳新龍公司官網(wǎng)首頁谷歌網(wǎng)頁LightHouse審計結果

從上圖的打分很容易直觀了解一個網(wǎng)站的質量情況,如果都是綠色圓圈,說明網(wǎng)站質量不錯。如果大部分是紅色和橙色圓圈,那么網(wǎng)站很有改進的必要。

獲得網(wǎng)站改進建議

在上圖評分的下面,Lighthouse列出了評分細則并給出詳細建議。這些細則和改進建議適合網(wǎng)站開發(fā)的專業(yè)人士閱讀。

從網(wǎng)站搜索引擎優(yōu)化的角度來說,意義尤為重大:

網(wǎng)頁的性能是排名的一個重要因素,同時用戶對網(wǎng)站速度的感知將決定他們是留下還是離開;

站內SEO細節(jié)一覽無余,網(wǎng)站是否適合做優(yōu)化排名一測便知;

提升移動端性能,將有利于增加移動設備的訪問量

建設網(wǎng)站為什么以Lighthouse為檢測標準?

新龍官網(wǎng)移動端訪問量增加65.3%

從用戶可用性角度來說,提升訪問體驗:

可用性測試涉及許多不易察覺的細節(jié),比如圖像添加Alt屬性,以便于在網(wǎng)頁圖片未能顯示時訪問者能夠了解圖像的內容;

考慮到有閱讀障礙群體的訪問需求等等;

使用戶在各類網(wǎng)絡條件下都可自如訪問網(wǎng)頁;

針對跨境電商獨立站來說意味著銷售量增加:

美國有近80%的人口擁有可上網(wǎng)的移動設備,在美國30至49歲的人群中,89%擁有智能手機,18至29歲的人群中,94%擁有智能手機。此外,20%的美國人只能通過移動設備上網(wǎng),這意味著有1/5的消費者不用臺式機或筆記本電腦上網(wǎng),你的網(wǎng)站接觸到他們的唯一途徑是通過移動網(wǎng)絡。移動端性能提升等于接觸到更多消費者;

提升轉化率。Lighthouse給出了全方位的優(yōu)化建議,按照此建議操作您將擁有一個高效的網(wǎng)站或者APP,結合其他測試工具能夠有效提升網(wǎng)頁轉化率,創(chuàng)造更多銷售額;

適合整合各類營銷方法:內容營銷,郵件營銷,效果營銷,聯(lián)署營銷等等,打造一個真正的營銷型網(wǎng)站。

Lighthouse由Google指定團隊維護,自身不斷優(yōu)化

Lighthouse的第一個版本于2016年6月發(fā)布。它在SEO領域并沒有引起太大的反響,因為用戶界面以及功能非常有限。 從那時起,它發(fā)布了許多版本,其中有兩個主要版本-1.5.0和2.5.0版本。 在撰寫本文時,5.6.0版本是最新版本。

新龍自2019年采用新技術依照Lighthouse標準提供網(wǎng)站建設服務。

在不斷的版本升級中,測試的細節(jié)越來越多。比如在可用性領域里加入了色彩對比度指標,這令網(wǎng)頁設計的同事非常感興趣。當意見不一致時,Lighthouse測試能夠提供比對參考。

(來源:newloong)
以上內容屬作者個人觀點,不代表雨果網(wǎng)立場!本文經原作者授權轉載,轉載需經原作者授權同意。

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務 果園 標簽 百科 搜索
雨果跨境顧問
Google顧問-Sandy
OceanWeb新客獨家福利:前100名免費送$20廣告體驗金,點擊按鈕咨詢顧問并領取,雨果跨境官方顧問

收藏

--

--

分享
newloong
分享不易,關注獲取更多干貨