如果我們曾關(guān)注過網(wǎng)絡(luò)性能,一定對Lighthouse不陌生。是的,Google推出的這套網(wǎng)頁及WEB應(yīng)用評測工具的初衷是為了幫助網(wǎng)頁開發(fā)人員開發(fā)出質(zhì)量更高的網(wǎng)頁?,F(xiàn)在它簡單易用,即便您是非專業(yè)人士也能用Lighthouse來評估網(wǎng)站建設(shè)質(zhì)量。
Lighthouse全面描述了在網(wǎng)站建設(shè)和WEB應(yīng)用領(lǐng)域可能存在的用戶體驗問題及開發(fā)人員可能存在的開發(fā)瓶頸。
作為非專業(yè)的人士來說,通過Lighthouse能夠洞察網(wǎng)站存在的不足,而這些不足可能是很難識辨或者根本未曾意識到的。
Lighthouse是一個開放源代碼的網(wǎng)頁及WEB程序?qū)徍斯ぞ撸u測涉及幾個關(guān)鍵領(lǐng)域:網(wǎng)頁性能,可訪問性,最佳實踐,網(wǎng)頁SEO能力和漸進式Web應(yīng)用程序。
定量了解網(wǎng)站的性能狀態(tài)
移動網(wǎng)絡(luò)應(yīng)用越來越熱,突然間網(wǎng)站性能成為人們關(guān)注的網(wǎng)站第一核心要素。現(xiàn)在只需要在Chrome瀏覽器中安裝擴展Lighthouse即能便捷知曉網(wǎng)站的性能狀態(tài),尋求更好的解決方案。
以下是新龍官方網(wǎng)站首頁LightHouse測試結(jié)果(點擊此處了解測試方法):
深圳新龍公司官網(wǎng)首頁谷歌網(wǎng)頁LightHouse審計結(jié)果
從上圖的打分很容易直觀了解一個網(wǎng)站的質(zhì)量情況,如果都是綠色圓圈,說明網(wǎng)站質(zhì)量不錯。如果大部分是紅色和橙色圓圈,那么網(wǎng)站很有改進的必要。
獲得網(wǎng)站改進建議
在上圖評分的下面,Lighthouse列出了評分細則并給出詳細建議。這些細則和改進建議適合網(wǎng)站開發(fā)的專業(yè)人士閱讀。
從網(wǎng)站搜索引擎優(yōu)化的角度來說,意義尤為重大:
網(wǎng)頁的性能是排名的一個重要因素,同時用戶對網(wǎng)站速度的感知將決定他們是留下還是離開;
站內(nèi)SEO細節(jié)一覽無余,網(wǎng)站是否適合做優(yōu)化排名一測便知;
提升移動端性能,將有利于增加移動設(shè)備的訪問量
新龍官網(wǎng)移動端訪問量增加65.3%
從用戶可用性角度來說,提升訪問體驗:
可用性測試涉及許多不易察覺的細節(jié),比如圖像添加Alt屬性,以便于在網(wǎng)頁圖片未能顯示時訪問者能夠了解圖像的內(nèi)容;
考慮到有閱讀障礙群體的訪問需求等等;
使用戶在各類網(wǎng)絡(luò)條件下都可自如訪問網(wǎng)頁;
針對跨境電商獨立站來說意味著銷售量增加:
美國有近80%的人口擁有可上網(wǎng)的移動設(shè)備,在美國30至49歲的人群中,89%擁有智能手機,18至29歲的人群中,94%擁有智能手機。此外,20%的美國人只能通過移動設(shè)備上網(wǎng),這意味著有1/5的消費者不用臺式機或筆記本電腦上網(wǎng),你的網(wǎng)站接觸到他們的唯一途徑是通過移動網(wǎng)絡(luò)。移動端性能提升等于接觸到更多消費者;
提升轉(zhuǎn)化率。Lighthouse給出了全方位的優(yōu)化建議,按照此建議操作您將擁有一個高效的網(wǎng)站或者APP,結(jié)合其他測試工具能夠有效提升網(wǎng)頁轉(zhuǎn)化率,創(chuàng)造更多銷售額;
適合整合各類營銷方法:內(nèi)容營銷,郵件營銷,效果營銷,聯(lián)署營銷等等,打造一個真正的營銷型網(wǎng)站。
Lighthouse由Google指定團隊維護,自身不斷優(yōu)化
Lighthouse的第一個版本于2016年6月發(fā)布。它在SEO領(lǐng)域并沒有引起太大的反響,因為用戶界面以及功能非常有限。 從那時起,它發(fā)布了許多版本,其中有兩個主要版本-1.5.0和2.5.0版本。 在撰寫本文時,5.6.0版本是最新版本。
新龍自2019年采用新技術(shù)依照Lighthouse標準提供網(wǎng)站建設(shè)服務(wù)。
在不斷的版本升級中,測試的細節(jié)越來越多。比如在可用性領(lǐng)域里加入了色彩對比度指標,這令網(wǎng)頁設(shè)計的同事非常感興趣。當(dāng)意見不一致時,Lighthouse測試能夠提供比對參考。
(來源:newloong)
以上內(nèi)容屬作者個人觀點,不代表雨果網(wǎng)立場!本文經(jīng)原作者授權(quán)轉(zhuǎn)載,轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。