正文

測(cè)試網(wǎng)頁(yè)打開速度（測(cè)試網(wǎng)頁(yè)打開速度軟件中文版）

發(fā)布時(shí)間：2023-04-08 12:32:37 稿源：創(chuàng)意嶺閱讀： 131

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于測(cè)試網(wǎng)頁(yè)打開速度的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、Flutter 與 iOS 原生 webView 對(duì)比
2、怎么查看網(wǎng)頁(yè)每一部分的加載速度,比如圖片,js,css文件的加載速度
3、360測(cè)速用的是什么原理
4、為什么網(wǎng)頁(yè)測(cè)速結(jié)果響應(yīng)較慢？

測(cè)試網(wǎng)頁(yè)打開速度（測(cè)試網(wǎng)頁(yè)打開速度軟件中文版）

一、Flutter 與 iOS 原生 webView 對(duì)比

本文對(duì)比的是 UIWebView、WKWebView、flutter_webview_plugin（在iOS中使用的是WKWebView）的加載速度，內(nèi)存使用情況。

測(cè)試網(wǎng)頁(yè)打開的速度，只需要獲取 WebView 在開始加載網(wǎng)頁(yè)和網(wǎng)頁(yè)加載完成時(shí)的時(shí)間戳，時(shí)間戳的差即為打開網(wǎng)頁(yè)的時(shí)間

為了使差異更明顯，我們選擇較為復(fù)雜的新浪首頁(yè) 進(jìn)行加載的對(duì)比，為了減小網(wǎng)絡(luò)對(duì)加載速度的影響，我們讓手機(jī)連接同一個(gè)網(wǎng)絡(luò)，分別進(jìn)行 10 次測(cè)試然后取平均值，另外，我們需要關(guān)閉 WebView 的緩存，防止緩存對(duì)加載速度產(chǎn)生影響

下面使筆者進(jìn)行 10 次測(cè)試所得到的數(shù)據(jù)

結(jié)果讓我有點(diǎn)驚訝，一直以為 WKWebView 會(huì)是個(gè)王者。結(jié)果看，速度上 WKWebView 略慢一點(diǎn)，不過總體差異不大（該結(jié)果僅僅是測(cè)試新浪的結(jié)果，僅供參考啦）

在這里，筆者又加了一個(gè)測(cè)試，嘗試記錄從 viewController 的 viewDidLoad 到 webview 的 didFinish 時(shí)間，測(cè)試了新浪的數(shù)據(jù)，如下：

UIWebViewA ： 4970、3808、3815、4250、3556 avg(4079.8) （加載完所有頁(yè)面）

UIWebViewB ： 4103、3124、3070、3256、2835 avg(3277.6)（加載sina完畢）

WKWebView ： 3672、3032、2892、2912、2739 avg(3049.4)

flutter_webView ： 4532、3901、4310、3496、3378 avg(3923.4)

其中可以看到，webView 有兩行，UIWebViewB 的數(shù)據(jù)就是加載 sina 主站的時(shí)間；UIWebViewA 的數(shù)據(jù)是因?yàn)樵诩虞d完 sina 主站之后，新浪又加載了一個(gè) https://r.dmp.sina.cn/cm/sinaads_ck_wap.html ，所以導(dǎo)致總時(shí)間延長(zhǎng)，不過即使按照 UIWebViewB 的數(shù)據(jù)來比較，也是 wkWebView 略勝一籌。

此處可以看出 flutter_webView 使用的是 wkwebView，所以它吃虧的主要原因是 flutter 包了一層。

結(jié)論：

速度（didStart -> didFinish） UIWebView > flutter_webview > WKWebView

速度（viewDidLoad -> didFinish）WKWebView > UIWebView > flutter_webview

這里查看內(nèi)存使用的是 xcode 的 debug session 中的 memory。

首先看之前測(cè)試時(shí)，連續(xù)打開十次新浪的內(nèi)存情況

接著我們?cè)诳匆幌麓蜷_淘寶首頁(yè)的內(nèi)存情況

從圖上可以看出，WKWebView 在內(nèi)存方面有很大的優(yōu)勢(shì)啊，UIWebView 的內(nèi)存是真的傷啊，然后 debug 看了一下 flutter_webView，他使用的就是原生的 webView 。

他相比較原生 WKWebView 的內(nèi)存開銷稍大一點(diǎn)，從測(cè)試表現(xiàn)來看，一般大個(gè) 30 MB 左右。

結(jié)論：內(nèi)存 WKWebView > flutter_webview > UIWebView

可以在 html5test 中對(duì)瀏覽器的兼容性進(jìn)行評(píng)分，通過測(cè)試發(fā)現(xiàn)得分分別如下

因?yàn)?flutter 里使用的就是 WK，所以和原生的 WKWebView 一樣都是 444 分，比 UIWebView 的 437 略勝一籌

結(jié)論：兼容性 WKWebView = flutter_webview > UIWebView

UIWebView : 速度相比較 WKWebView 稍快一點(diǎn)，但是內(nèi)存是一大硬傷，所以只要條件允許，就不推薦使用了

WKWebView : 速度略慢一點(diǎn)，不過差別不大，總體可以接受。是比UIWebView更好的選擇，推薦使用。

flutter_webView_plugin ：在iOS中使用的就是原生的WKWebView，所以總體和 native WKWebView 表現(xiàn)差不多。如果是混編項(xiàng)目中，因?yàn)樗话艘粚?，所以?yè)面加載上存在一定的劣勢(shì)，所以混編項(xiàng)目中仍然推薦使用 WKWebView。不過如果從多端考慮、以及項(xiàng)目可遷移等，那么使用也未嘗不可，就是維護(hù)成本要增加一些，需要維護(hù)兩套 webView。這個(gè)就需要根據(jù)自己的情況自己取舍了。

二、怎么查看網(wǎng)頁(yè)每一部分的加載速度,比如圖片,js,css文件的加載速度

需要準(zhǔn)備的材料分別是：電腦、chrome瀏覽器。

1、首先，打開chrome瀏覽器，進(jìn)入要查看的網(wǎng)頁(yè)，例如：zhidao.baidu.com。

測(cè)試網(wǎng)頁(yè)打開速度（測(cè)試網(wǎng)頁(yè)打開速度軟件中文版）

2、鍵盤按F12，會(huì)調(diào)出開發(fā)者工具，點(diǎn)擊“Network”標(biāo)簽頁(yè)。

測(cè)試網(wǎng)頁(yè)打開速度（測(cè)試網(wǎng)頁(yè)打開速度軟件中文版）

3、鍵盤按“F5”鍵以刷新頁(yè)面，此時(shí)從開發(fā)者工具可以看到各個(gè)資源（例如圖片、css文件、js文件）的加載花費(fèi)時(shí)間。

測(cè)試網(wǎng)頁(yè)打開速度（測(cè)試網(wǎng)頁(yè)打開速度軟件中文版）

三、360測(cè)速用的是什么原理

360測(cè)速原理：360寬帶測(cè)速器采用HTTP多線程下載和廣域網(wǎng)P2P下載結(jié)合的方式進(jìn)行測(cè)速，這兩種技術(shù)是微軟IE等瀏覽器和迅雷等下載軟件普遍采用的技術(shù)，它能真實(shí)測(cè)量用戶瀏覽網(wǎng)頁(yè)的速度和網(wǎng)絡(luò)下載速度。這種測(cè)速技術(shù)方法，能充分模擬用戶看網(wǎng)頁(yè)、下載文件的網(wǎng)絡(luò)使用場(chǎng)景，并能有效去除了服務(wù)器負(fù)載過重、以及因?yàn)楣W(wǎng)某條鏈路質(zhì)量不穩(wěn)定等因素對(duì)測(cè)速結(jié)果的影響。

360寬帶測(cè)速器：是360公司產(chǎn)出的一個(gè)測(cè)試網(wǎng)速的小軟件，可測(cè)試寬帶接入速度、長(zhǎng)途網(wǎng)絡(luò)速度、網(wǎng)頁(yè)打開速度，還有網(wǎng)速排行榜和測(cè)速說明。測(cè)試寬帶接入速度采用P2P+HTTP的測(cè)試方法，評(píng)估電腦到本地運(yùn)營(yíng)商的最大接入帶寬。測(cè)試長(zhǎng)途網(wǎng)絡(luò)速度可測(cè)試到聯(lián)通、移動(dòng)和電信服務(wù)臺(tái)的長(zhǎng)途網(wǎng)速。測(cè)試網(wǎng)頁(yè)打開速度，會(huì)分別試用12個(gè)網(wǎng)站，估計(jì)網(wǎng)頁(yè)打開速度。此軟件有功能好、快速準(zhǔn)確等特點(diǎn)。

四、為什么網(wǎng)頁(yè)測(cè)速結(jié)果響應(yīng)較慢？

訪問服務(wù)網(wǎng)站響應(yīng)速度同時(shí)受客戶家庭網(wǎng)絡(luò)配置、簽約帶寬速率和所訪問網(wǎng)站服務(wù)能力三方面的影響:yi家庭網(wǎng)絡(luò)配置影響因素：①受用戶電腦軟硬件配置、網(wǎng)絡(luò)防火墻、病毒、上網(wǎng)終端設(shè)備（modem）、家庭接入網(wǎng)線質(zhì)量、無線路由器質(zhì)量、家庭網(wǎng)絡(luò)共享等多種因素影響；②所訪問網(wǎng)站影響因素：受所瀏覽網(wǎng)站的位置、帶寬出口，設(shè)備質(zhì)量、資源占有率、網(wǎng)站服務(wù)能力、網(wǎng)絡(luò)高峰期訪問用戶數(shù)、信號(hào)衰減等多種因素影響；③簽約帶寬速率：受所簽約帶寬速率大小、線路情況、網(wǎng)絡(luò)出口帶寬等影響。綜上所述，訪問服務(wù)網(wǎng)站響應(yīng)測(cè)速結(jié)果多種因素影響，應(yīng)結(jié)合實(shí)際寬帶使用的綜合情況。貴州地區(qū)用戶關(guān)注中國(guó)電信貴州客服公眾號(hào)可微信繳費(fèi)，一鍵查話費(fèi)充值，流量、積分、賬單、詳單均可自助操作，方便快捷 ?？头?2為你解答。

以上就是關(guān)于測(cè)試網(wǎng)頁(yè)打開速度相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。