手機用華為 推廣找展為

推廣有品質 網站有氣質

13933871212

首頁 > 博客教程 > 外貿網站建設知識 >

石家莊外貿網站設計公司

 發布日期:2020-12-12 瀏覽:842次
以用戶為中心的性能指標可以更好地了解實際的用戶體驗。首次輸入延遲(FID)是嘗試達到此目標的新指標。(大型預覽)
在代表您的聽眾的設備上收集數據。
為了收集準確的數據,我們需要徹底選擇要測試的設備。在大多數公司中,這意味著需要調查分析并根據更常見的設備類型創建用戶個人資料。但是,通常,僅憑分析并不能提供完整的信息。僅僅因為他們的體驗太慢并且他們的設備不太可能顯示為分析中更受歡迎的設備,所以很大一部分目標受眾可能會放棄該網站(而不是返回)。因此,另外對目標群體中的通用設備進行研究可能是一個好主意。
根據IDC的數據,在2018-2019年全球,所有出貨的手機中有87%是Android設備。普通消費者每兩年更新一次手機,在美國,手機的更換周期為33個月。全球平均更暢銷的手機價格將低于200美元。
 
那么,代表性的設備是至少使用了24個月的Android設備,其價格為200美元或更低,運行速度較慢,速度為3G,400ms RTT和400kbps傳輸,只是有些悲觀。當然,這對于您的公司而言可能是非常不同的,但是這與大多數客戶非常接近。實際上,為您的目標市場研究當前的亞馬遜暢銷書可能是個好主意。(感謝Tim Kadlec,Henri Helvetica和Alex Russel的指導?。?。
 
那么要選擇哪些測試設備?那些與上面概述的配置文件非常吻合。更好選擇Moto G4 / G5 Plus,中檔三星設備(Galaxy A50,S8),像Nexus 5X,小米Mi A3或小米Redmi Note 7和可能是在開放設備實驗室中運行的速度較慢的設備,例如Alcatel 1X或Cubot X19 。要在較慢的溫度限制設備上進行測試,您還可以購買Nexus 4,價格約為100美元。
 
另外,檢查每個設備中使用的芯片組,不要過多地代表一個芯片組:幾代Snapdragon和Apple以及低端Rockchip,Mediatek就足夠了(謝謝Patrick?。?。
 
如果您手邊沒有設備,請通過在節流的CPU(5倍速下降)的節流3G網絡(例如300ms RTT,1.6 Mbps下行,0.8 Mbps上行)上進行測試來模擬臺式機的移動體驗。更終切換到常規3G,慢速4G(例如170ms RTT,9Mbps下行,9Mbps上行)和Wi-Fi。為了使性能影響更加明顯,您甚至可以在星期二引入2G或在辦公室中建立受限制的3G / 4G網絡,以進行更快的測試。
 
請記住,與臺式機相比,在移動設備上,我們應該期望速度降低4到5倍。移動設備具有不同的GPU,CPU,內存和不同的電池特性。這就是為什么對普通設備有良好的了解并始終在這樣的設備上進行測試很重要的原因。
 
介紹一周中更慢的一天
介紹一周中更慢的一天。Facebook已在星期二推出2G,以提高慢速連接的可見性和敏感性。(圖片來源)
幸運的是,有許多出色的選項可幫助您自動收集數據并根據這些指標衡量您的網站在一段時間內的效果。請記住,良好的性能狀況涵蓋了一組性能指標,實驗室數據和現場數據:
 
綜合測試工具可在可重現的環境中使用預定義的設備和網絡設置(例如Lighthouse,Calibre,網站制作PageTest)收集實驗室數據,并且
真實用戶監視(RUM)工具連續評估用戶交互并收集現場數據(例如SpeedCurve,New Relic,這些工具也提供綜合測試)。
前者在開發過程中特別有用,因為它將幫助您在使用產品時識別,隔離和修復性能問題。后者對于長期維護很有用,因為它可以幫助您了解性能瓶頸,因為它們是實時發生的-當用戶實際訪問站點時。
 
通過利用內置的RUM API(例如導航定時,資源定時,繪畫定時,長任務等),綜合測試工具和RUM一起可為您的應用程序提供完整的性能圖。你可以使用PWMetrics,口徑,SpeedCurve,mPulse和回旋鏢,Sitespeed.io,而這一切都是性能監控偉大的選擇。此外,使用Server Timing標頭,您甚至可以在一個位置監視后端和前端性能。
 
注意:在瀏覽器外部選擇網絡級調節器總是比較安全的選擇,例如,由于實現方式,DevTools與HTTP / 2 push交互存在問題(感謝,Yoav,Patrick?。?。對于Mac OS,我們可以使用Network Link Conditioner,Windows Windows Traffic Shaper,Linux netem和FreeBSD dummynet。
 
燈塔
Lighthouse,集成到DevTools中的性能審核工具。(大型預覽)
設置“干凈”和“客戶”配置文件以進行測試。
在被動監視工具中運行測試時,通常的策略是關閉防病毒和后臺CPU任務,刪除后臺帶寬傳輸并使用干凈的用戶配置文件進行測試(不使用瀏覽器擴展程序),以免出現歪斜的結果(Firefox,Chrome)。
但是,更好研究一下客戶經常使用的擴展,并使用專用的“客戶”配置文件進行測試。實際上,某些擴展可能會對您的應用程序產生深遠的性能影響(研究),并且如果您的用戶經常使用它們,則可能需要預先對其進行說明。僅“干凈”配置文件結果過于樂觀,在現實生活中可能會被壓垮。
 
與您的同事分享績效目標。
確保團隊的每個成員都熟悉績效目標,以免造成誤解。每個決策(無論是設計,營銷還是介于兩者之間的任何決策)均會對績效產生影響,并且在整個團隊中分配責任和所有權將在以后簡化基于績效的決策。根據性能預算和早期定義的優先級來映射設計決策。
設定現實目標
100毫秒的響應時間,每秒60幀。
為了使交互感覺順暢,該界面有100毫秒的時間響應用戶的輸入。超過此時間,用戶就會認為該應用比較落后。在鐵路,以用戶為中心的性能模型給你健康的目標:要允許<100毫秒的響應,網頁必須得到每<50毫秒后,在更新的控制回主線程。估計輸入等待時間告訴我們是否達到該閾值,理想情況下,該閾值應小于50ms。對于諸如動畫之類的高壓點,更好不要做其他事情,而在不可能做的事情上要做到絕對更小。
RAIL,一個以用戶為中心的性能模型。
同樣,動畫的每一幀都應在不到16毫秒內完成,從而達到每秒60幀(1秒÷60 = 16.6毫秒)-更好在10毫秒以內。由于瀏覽器需要時間才能在屏幕上繪制新幀,因此您的代碼應在達到16.6毫秒標記之前完成執行。我們開始有大約120fps的對話(如iPad的Pro的屏幕在120Hz運行)和祖爾馬已覆蓋了一些對120fps的渲染性能的解決方案,但是這可能不是我們正在尋找的目標,只是還沒有。
 
對性能期望持悲觀態度,但對界面設計持樂觀態度,并明智地使用空閑時間(請檢查idlize和idle-until-urgent)。顯然,這些目標適用于運行時性能,而不是加載性能。
 
3G的FID <100ms,TTI <5??s,速度索引<3s,關鍵文件大小預算<170KB(已壓縮)。
盡管可能很難實現,但是一個很好的更終目標是3秒鐘內的速度指數和5秒鐘內的互動時間,以及再次訪問時,請在2秒以內完成(僅適用于服務人員)。旨在達到1s以下更大的滿意涂料,并更大限度地減少總阻塞時間和累積版式偏移??山邮艿?ldquo;第一輸入延遲”(突出顯示為“燈塔”中的“更大潛在第一輸入延遲”)在130–100ms之內。如上所述,我們正在考慮以200美元的Android手機(例如Moto G4)為基礎,該手機在速度較慢的3G網絡上進行仿真,并以400ms RTT和400kbps傳輸速度進行仿真。
我們有兩個主要限制因素,可以有效地塑造一個合理的目標,以便在網絡上快速交付內容。一方面,由于TCP Slow Start,我們受到網絡傳遞限制。HTML的前14KB(10個TCP數據包,每個1460字節,大約14.25 KB,盡管不是字面意義上的)是更關鍵的有效負載塊,并且是預算中唯一可以在第一次往返中傳遞的部分(由于移動喚醒時間的原因,這是您在400毫秒RTT時間內在1秒鐘內獲得的所有結果)。
 
(注意:由于TCP通常未充分利用網絡連接,因此Google開發了TCP瓶頸帶寬和RRT(BBR),這是一種相對較新的TCP延遲控制的TCP流控制算法。它是為現代網站制作設計的,它對實際擁塞,而不是像TCP那樣造成數據包丟失,它明顯更快,具有更高的吞吐量和更低的延遲-算法的工作方式也不同。盡早確定優先資源的優先級仍然很重要,但是14 KB可能與BBR無關(就位。)(謝謝維克多·巴里?。?/div>
 
另一方面,由于JavaScript的解析時間,我們在內存和CPU方面存在硬件限制(我們將在后面詳細討論)。為了實現第一段中所述的目標,我們必須考慮JavaScript的關鍵文件大小預算。關于該預算應該是多少(這在很大程度上取決于您的項目的性質)有不同的意見,但是壓縮到170KB JavaScript的預算已經花費了1s才能在普通手機上進行解析和編譯。假設170KB的文件在解壓縮時擴展到原來的3倍(0.7MB),那可能已經成為Moto G4 / G5 Plus上“體面的”用戶體驗的喪鐘。
 
如果要針對不斷增長的市場(例如東南亞,非洲或印度),則必須考慮一套非常不同的限制條件。Addy Osmani涵蓋了主要功能電話的限制,例如很少有低成本,高質量的設備,高質量網絡的不可用和昂貴的移動數據-以及針對這些環境的PRPL-30預算和開發指南。
 
根據Addy Osmani所述,對于延遲加載的路由,建議的大小也應小于35 KB
根據Addy Osmani的建議,延遲加載路由的建議大小也應小于35 KB。(大型預覽)
阿迪·奧斯曼尼(Addy Osmani)建議,如果定位功能手機,則PRPR-30的性能預算(壓縮后30KB +更小化的初始捆綁包)
如果針對功能手機,Addy Osmani建議使用PRPL-30的性能預算(壓縮后30KB +更小化的初始捆綁包)。(大型預覽)
實際上,谷歌的亞歷克斯·羅素(Alex Russel)建議將130-170KB壓縮為合理的上限。在現實世界中,大多數產品都還差得很近:今天的捆綁包大小中位數約為417KB,與2015年初相比增長了42%。在中型移動設備上,Time占15-25秒互動。
 
Geekbench CPU性能基準測試是2019年全球銷量更高的智能手機的。JavaScript強調單核性能,并且受CPU限制
Geekbench CPU性能基準測試是2019年全球銷量更高的智能手機的。JavaScript強調單核性能(請記住,它本質上比網站制作平臺的其余部分具有更多的單線程性能),并且受CPU限制。摘自Addy的文章“在20美元的功能手機上快速加載網頁”。(大型預覽)
我們也可以超出捆綁包大小預算。例如,我們可以根據瀏覽器主線程的活動來設置性能預算,即開始渲染之前的繪制時間,或跟蹤前端CPU的消耗。諸如Caliber,SpeedCurve和Bundlesize之類的工具可以幫助您控制預算,并且可以集成到構建過程中。
 
更后,績效預算可能不應該是固定值。取決于網絡連接,性能預算應有所調整,但較慢的連接上的有效負載則更“昂貴”,無論如何使用它們。
 
注意:在HTTP / 2廣泛傳播,即將到來的5G,快速發展的手機和蓬勃發展的SPA時代設置如此嚴格的預算可能聽起來很奇怪。但是,當我們處理網絡和硬件的不可預測性時,包括從擁塞的網絡到緩慢發展的基礎架構,再到數據上限,一切聽起來確實合理。,代理瀏覽器,保存數據模式和偷偷摸摸的漫游費用。
 
摘自Addy Osmani的“默認快速:現代加載更佳實踐”
缺省情況下來自快速:來自Addy Osmani的現代加載更佳實踐(幻燈片19)
 
性能預算應根據普通移動設備的網絡條件進行調整。圖片來源:Katie Hempenius)(大預覽)
定義環境

返回列表

相關新聞

CopyRight 2004-2018 JSOON NETWORK , Inc. All Rights Reserved 石家莊網絡公司展為網絡十周年? ?服務熱線:13933871212???冀ICP備14018173號-6? ?
致力于提供石家莊網站制作,石家莊網站建設,石家莊營銷型網站制作,石家莊seo,石家莊網站優化,石家莊網絡廣營銷,石家莊建網站等服務 網站地圖

深圳风采中三个有奖吗 北京赛车pk拾官网 冰球突破外挂 娱乐平台用户登陆 韩国时时彩助赢软件 彩票平台快捷支付 重庆幸运农场开奖走势 雪缘园十四场比分直播 新世界棋牌抢庄牛牛 三国麻将单机 杭州牌九分析仪 双色球游戏25选7 猜总进球数 腾讯分分彩官方开奖号码 广东快乐十分实时开奖查询 瑞波币交易时间段 山东德州麻将卡五魁钓金龟边三饼