言：

html5 Speedtest可用于查看下載速度、ping速度、上傳速度；很小巧方便，直接打開(kāi)頁(yè)面點(diǎn)擊一下start就能自動(dòng)檢測(cè)，你本機(jī)到遠(yuǎn)程服務(wù)器的網(wǎng)絡(luò)狀況，快速得到觀測(cè)數(shù)據(jù)；這款服務(wù)器測(cè)速軟件基于html5+php環(huán)境運(yùn)行，使用非常簡(jiǎn)單。

一、speedtest原理簡(jiǎn)介：

speedtest以HTML和JavaScript為主,利用客戶端的瀏覽器通過(guò)上傳和下載垃圾數(shù)據(jù)來(lái)測(cè)試HTTP傳輸速度,和大家常用的speedtest.net差不多.

speedtest使用任意操作系統(tǒng)上的任意Web服務(wù)器作為服務(wù)端,所以理論上它支持Windows/MacOS/Linux/Unix等系統(tǒng),IIS/Nginx/Apache/lighttpd等服務(wù)器.

任意瀏覽器作為客戶端如Chrome/Firefox/IE11/Edge/Safari/Opera?

speedtest默認(rèn)使用PHP作為服務(wù)端,目前也有node.js版本,也可以只用純靜態(tài)服務(wù)器.

二、speedtest怎么安裝呢：

01

安裝相關(guān)組件

yum install httpd php git -y

02

克隆speedtest代碼

git clone https://github.com/adolfintel/speedtest.git

cd speedtest/

cp -R backend/ example-singleServer-pretty.html *.js /var/www/html/cd /var/www/html/ mv example-singleServer-pretty.html index.html

03

更改當(dāng)前目錄所屬

chown -R apache *

04

重啟httpd服務(wù)

systemctl start httpd

05

瀏覽器中訪問(wèn)主機(jī)ip測(cè)試

三、 總結(jié)

不論是測(cè)內(nèi)網(wǎng)還是外網(wǎng)不論是測(cè) 路由器, AP, 網(wǎng)卡還是VPS不論是測(cè) 有線 NAT, 2.4G/5G WiFi 等軟件轉(zhuǎn)發(fā)

只要打開(kāi)瀏覽器, 輸入 speedtest 地址就行了.

speedtest 測(cè)速的優(yōu)點(diǎn):

• 測(cè)試簡(jiǎn)單暴力. 瀏覽器就能測(cè), 無(wú)需別裝 app.
• 界面簡(jiǎn)潔明了. 直觀且無(wú)廣告不收費(fèi).
• 上行下行兼顧. 不用雙向測(cè)試, 不像 iperf3 只能單向.

speedtest 測(cè)速的缺點(diǎn):

• 用戶技能要求. 需要自己安裝測(cè)速服務(wù)器, 希望本貼能解決這個(gè)問(wèn)題.
• 測(cè)速協(xié)議片面. 基于 HTTP 協(xié)議測(cè)速, 有些片面. 不過(guò)95%的用戶有90%的網(wǎng)絡(luò)使用都是 HTTP. (純瞎說(shuō)的 哈~)
• 性能瓶頸要求. 因?yàn)榛?Web 服務(wù)器和 JavaScript, 所以服務(wù)器和客戶端性能不能太差. 測(cè)試 2.5/5/10 千兆可能力不從心.

END

esky天極新聞2015-12-09 11:05:14

【Yesky新聞?lì)l道消息】Flash由于眾多的安全漏洞問(wèn)題如今已經(jīng)變得臭名昭著，現(xiàn)在許多網(wǎng)站都已經(jīng)放棄Flash轉(zhuǎn)而使用HTML5，最近著名的測(cè)速網(wǎng)站Speedtest.net也開(kāi)始放棄使用Flash。

Speedtest運(yùn)營(yíng)者是Ookla，當(dāng)前該公司已經(jīng)在測(cè)試Speedtest的Beta版本，該測(cè)速版本基于HTML5標(biāo)準(zhǔn)，在體驗(yàn)上要比此前的Flash測(cè)速模塊要輕快不少，用戶不需要安裝插件就能測(cè)試網(wǎng)速。

簡(jiǎn)言之，Speedtest的變化也是Flash即將被徹底淘汰的又一個(gè)主要標(biāo)志，甚至Adobe自家都聲稱將讓用戶和內(nèi)容創(chuàng)建者逐步遠(yuǎn)離Flash，可見(jiàn)Flash離末日已不遠(yuǎn)了。(via:Ubergizmo)

日微軟在官網(wǎng)終于放出了Chromium內(nèi)核打造的新款Edge瀏覽器，感興趣的朋友可以“”進(jìn)行下載。

此前，有關(guān)微軟將使用Chrome瀏覽器內(nèi)核打造全新Edge瀏覽器的新聞就已鋪天蓋地，本次終于放出下載版可見(jiàn)微軟已經(jīng)確認(rèn)其能夠給大眾開(kāi)放來(lái)使用了，這也就意味著離正式版已經(jīng)不遠(yuǎn)。根據(jù)外媒消息，新款Edge瀏覽器可能會(huì)隨Windows 10 20H1更新直接登陸Windows 10系統(tǒng)，并取代現(xiàn)有的Edge內(nèi)核老款Edge瀏覽器。

自Windows 10系統(tǒng)發(fā)布以來(lái)，其市場(chǎng)占有率不斷攀升，已經(jīng)達(dá)到了53%。但是Edge瀏覽器作為Windows 10系統(tǒng)默認(rèn)瀏覽器，其在大多數(shù)時(shí)候扮演的角色是其它瀏覽器的下載工具，一旦用戶下載完自己習(xí)慣使用的瀏覽器，那么Edge瀏覽器的登場(chǎng)幾率就非常低了，這使得Edge瀏覽器的地位和處境非常尷尬。

基于Chromium內(nèi)核打造的新款Edge瀏覽器能否扭轉(zhuǎn)這種局面呢？看過(guò)這篇之后，我想每個(gè)人心中都會(huì)有一個(gè)明確的答案。

·Chromium內(nèi)核Edge瀏覽器簡(jiǎn)介

微軟在官網(wǎng)下載頁(yè)面放出了新款Edge瀏覽器的三個(gè)版本：Beta、Dev和Canary，三者有何區(qū)別我們會(huì)在后面的瀏覽器信息部分進(jìn)行詳細(xì)介紹。本次筆者下載了Canary版本，之后的文章里，我們將新款Edge瀏覽器統(tǒng)一稱為Edge Canary，但是要注意，這并不是新款Edge瀏覽器的真正命名。

首先來(lái)看看Edge Canary瀏覽器的界面，如下：

第一次打開(kāi)Edge Canary

通過(guò)安裝包安裝好之后，Edge Canary會(huì)自動(dòng)打開(kāi)，并進(jìn)入上圖所示界面。用戶可以在這里執(zhí)行兩個(gè)操作：一是設(shè)置瀏覽器默認(rèn)頁(yè)面風(fēng)格；二是執(zhí)行其它瀏覽器數(shù)據(jù)的導(dǎo)入，且導(dǎo)入速度非常快。

歡迎頁(yè)面右上角也可以隨時(shí)調(diào)整頁(yè)面風(fēng)格

如果沒(méi)有在開(kāi)始界面設(shè)置頁(yè)面風(fēng)格也不用擔(dān)心，后續(xù)可以通過(guò)空白頁(yè)右上角的“小齒輪”圖標(biāo)的下拉菜單來(lái)進(jìn)行調(diào)整。微軟給出了三種默認(rèn)風(fēng)格，包括聚焦、啟示和信息，另外還可以根據(jù)自身喜好進(jìn)行自定義，不過(guò)現(xiàn)在這個(gè)功能還不是太過(guò)完善，能夠設(shè)置的選項(xiàng)就是熱門網(wǎng)站、每日一圖（相當(dāng)于瀏覽器的壁紙）和顯示提要三項(xiàng)。

“啟示”風(fēng)格頁(yè)面

“信息”風(fēng)格頁(yè)面

不同風(fēng)格的默認(rèn)界面所展示的信息不同，聚焦頁(yè)面沒(méi)有壁紙，背景為白色或黑色，中間為必應(yīng)搜索框，下方為常用網(wǎng)站標(biāo)簽；啟示風(fēng)格與聚焦風(fēng)格頁(yè)面內(nèi)容一樣，只是多了每日一圖，而且必應(yīng)搜索框和常用網(wǎng)站標(biāo)簽上下分開(kāi)；信息風(fēng)格頁(yè)面多了MicroSoft資訊頁(yè)，可以看作是新聞聚合頁(yè)。

可以通過(guò)歡迎頁(yè)面了解瀏覽器特性

如果想要深入了解Edge Canary特性的話，可以通過(guò)瀏覽器的歡迎頁(yè)面查看各項(xiàng)特性演示。

與Chrome商店龐大的插件群相比，Edge Canary的插件數(shù)量總共128款

從擴(kuò)展界面進(jìn)入微軟插件商店

既然是基于Chrome瀏覽器內(nèi)核打造，那么Edge Canary自然支持插件。目前微軟的插件商店已經(jīng)上線，通過(guò)Edge Canary右上角的菜單欄“擴(kuò)展”選項(xiàng)進(jìn)入擴(kuò)展界面，之后再點(diǎn)擊左上角的“從Microsoft Store獲取擴(kuò)展”文字鏈來(lái)進(jìn)入插件商店。

進(jìn)入Chrome應(yīng)用商店的話，中國(guó)用戶需要通過(guò)科學(xué)上網(wǎng)的方式來(lái)實(shí)現(xiàn)，微軟插件商店目前可以正常進(jìn)入。不過(guò)與Chrome插件數(shù)量對(duì)比的話，微軟商店中的插件數(shù)量并不多，滿打滿算只有128款。不過(guò)我大概瀏覽了一遍，常用的插件都有，比如Adblock Plus、McAfee WebAdvisor等。另外，微軟插件商店的響應(yīng)速度非常快，網(wǎng)絡(luò)質(zhì)量極佳。

插件位置與Chrome一樣，都在右上角賬號(hào)左側(cè)

插件安裝好之后，會(huì)跟Chrome瀏覽器一樣出現(xiàn)在右上角賬戶名左側(cè)位置。

插件管理界面與Chrome不同

Chrome瀏覽器插件管理界面

不過(guò)插件管理界面與Chrome瀏覽器的布局不同，Edge Canary采用左右欄布局，Chrome采用上下布局，不過(guò)基本功能都一樣。

可以設(shè)置黑色皮膚

Edge Canary默認(rèn)皮膚為淺色，可以通過(guò)設(shè)置選項(xiàng)調(diào)整為黑色，筆者個(gè)人更喜歡后者。

下載器頁(yè)面UI

下載器UI界面與Chrome相比也是大同小異。不過(guò)從實(shí)際體驗(yàn)來(lái)看，Edge Canary下載器目前不如Chrome好用，同樣的軟件Edge Canary下載可能會(huì)出錯(cuò)，但Chrome瀏覽器則可以跑滿網(wǎng)速。

從整個(gè)界面設(shè)計(jì)來(lái)看，Edge Canary就像是Chrome瀏覽器的翻版，整體布局、菜單選項(xiàng)、收藏夾模式等都與Chrome相差不大，一眼就能看出其與Chrome的關(guān)系。

不過(guò)Edge Canary在性能方面與Chrome是否也相差不大呢？下面我們進(jìn)入測(cè)試環(huán)節(jié)來(lái)看看具體的結(jié)果究竟如何？

·測(cè)試說(shuō)明

1.本次盡量找一些不涉及這五款瀏覽器的測(cè)試標(biāo)準(zhǔn)，像IE系的測(cè)試，谷歌系的測(cè)試，Mozilla系的測(cè)試能PASS就PSAA掉了。JetStream 2這樣的蘋果系測(cè)試與這些瀏覽器沒(méi)有什么交集，所以被引入了進(jìn)來(lái)。

2.除了HTML5、ARES-6、JavaScript腳本、操作響應(yīng)速度這幾項(xiàng)基準(zhǔn)性能測(cè)試之外，我們還使用B站超級(jí)彈幕視頻：【炮姐/AMV】我永遠(yuǎn)都會(huì)守護(hù)在你的身邊！（B站ID：av810872）進(jìn)行了內(nèi)存、CPU、GPU峰值占用情況的測(cè)試。

3.本次測(cè)試各瀏覽器均為2019年9月21日當(dāng)期最新版本號(hào)，后續(xù)更新成績(jī)?nèi)缬凶儎?dòng)請(qǐng)按實(shí)際測(cè)試為準(zhǔn)。

·測(cè)試項(xiàng)目與相關(guān)說(shuō)明

JetStream 2：JavaScript腳本測(cè)試；

JetStream 2細(xì)致的JavaScript腳本測(cè)試

Speedometer：網(wǎng)頁(yè)操作響應(yīng)速度測(cè)試；

Speedometer模擬操作響應(yīng)速度測(cè)試

MotionMark：圖形渲染測(cè)試；

MotionMark的高負(fù)載圖形渲染測(cè)試

HTML5：HTML5兼容性綜合測(cè)試。

詳細(xì)的HTML5測(cè)試項(xiàng)目

·測(cè)試平臺(tái)硬件信息：

處理器：英特爾酷睿i7 8086K

內(nèi)存：16GB×2 DDR4-3200MHz內(nèi)存

硬盤：英特爾760P 1TB固態(tài)硬盤

顯卡：公版NVIDIA GeForce GTX 1070

操作系統(tǒng)：Windows 10 1903

·五款瀏覽器基本信息

本次測(cè)試主角是基于Chromium打造的新款Edge瀏覽器，采用了與Chrome瀏覽器相同的Webkit內(nèi)核。新款瀏覽器像Chrome一樣提供了三種不同激進(jìn)程度的版本，分別為Beta版，Dev版以及Canary（金絲雀）版，如下：

Beta、Dev、Canary三種通道

Canary版本最為激進(jìn)，幾乎每天都會(huì)進(jìn)行更新，且不會(huì)提供更新日志，因此有可能會(huì)遇到較為嚴(yán)重的BUG；

Dev版本功能激進(jìn)，但可用性較好，對(duì)于普通用戶來(lái)說(shuō)，如果想要嘗鮮，又不想太過(guò)保守，Dev版算是首選，當(dāng)然動(dòng)手能力強(qiáng)的可以選擇Canary版本；

Beta版自然是最為保守的版本了，一般來(lái)說(shuō)基本相當(dāng)于正式版，不會(huì)有大的BUG，比現(xiàn)有正式版會(huì)略微超前一點(diǎn)。

本次我們選擇了最為激進(jìn)的Edge Canary版本進(jìn)行測(cè)試，另外還選擇了Chrome、Edge、Opera、FireFox四款瀏覽器做參照。下面是這五款瀏覽器的基本信息：

5款瀏覽器基本信息一覽

·性能測(cè)試

接下來(lái)看看四項(xiàng)基準(zhǔn)性能測(cè)試情況，具體如下：

5款瀏覽器基準(zhǔn)性能測(cè)試

可以看到，基于Chromium打造的Edge Canary與Chrome瀏覽器各項(xiàng)性能相差不大，二者總分也極為相近。

此外，五款瀏覽器中，F(xiàn)ireFox綜合性能最強(qiáng)，總分達(dá)到1409.057分；Opera瀏覽器在圖形性能方面吃了不少虧，總分基本與Chrome持平。

而一貫被用戶輕視的Edge內(nèi)核Edge瀏覽器讓人大跌眼鏡，雖然操作響應(yīng)速度表現(xiàn)極差，但其它三項(xiàng)測(cè)試表現(xiàn)極其不錯(cuò)，總分甚至超過(guò)了Chrome，位列本次測(cè)試的第二名。

從測(cè)試也可以看出，其實(shí)Windows 10系統(tǒng)自帶的老款Edge瀏覽器在性能上并沒(méi)有明顯短板，甚至還比別家瀏覽器要更好一些，但是操作響應(yīng)速度這種直接關(guān)系到用戶體驗(yàn)的單項(xiàng)測(cè)試表現(xiàn)不佳，直接反映出用戶為什么不愿意用Edge瀏覽器的原因。

基準(zhǔn)測(cè)試得分明確之后，再來(lái)看看內(nèi)存、CPU、GPU占用情況。我們選擇了B站經(jīng)典視頻《【炮姐/AMV】我永遠(yuǎn)都會(huì)守護(hù)在你的身邊！》來(lái)進(jìn)行測(cè)試，下圖顯示了該視頻峰值彈幕量，而其總彈幕量已經(jīng)超過(guò)百萬(wàn)。因此能夠非常明顯的影響到瀏覽器的內(nèi)存占用情況。

峰值內(nèi)存占用情況

以下是五款瀏覽器默認(rèn)內(nèi)存占用、峰值內(nèi)存占用、峰值CPU百分比、峰值GPU百分比的測(cè)試情況匯總：

5款瀏覽器硬件占用情況對(duì)比

總體來(lái)說(shuō)，Edge Canary表現(xiàn)與Chrome相差不大，但是峰值內(nèi)存、CPU、GPU占用率都比Chrome要略高一些，同時(shí)比老款Edge瀏覽器要略低一些。

五款瀏覽器中，最吃內(nèi)存的是FireFox，默認(rèn)占用與峰值占用都明顯高于其它四款，所以內(nèi)存小的話用起來(lái)會(huì)比較捉急。另外其對(duì)GPU加速的依賴度也較高。

Opera瀏覽器比較依賴GPU加速，峰值GPU占比達(dá)25.5%，另外Edge Canary也比較依賴GPU加速，峰值達(dá)到23.2%，

此外，新老Edge瀏覽器的最明顯不同就是在GPU加速方面，老款Edge瀏覽器不太依賴GPU，峰值占用率也僅為6.1%。

·Edge Canary使用感受

作為一個(gè)純粹的10年以上Chrome瀏覽器老用戶，我在打開(kāi)Edge Canary的那一刻，就深刻感受到了其與Chrome瀏覽器之間的聯(lián)系。標(biāo)簽頁(yè)、地址欄、收藏欄的布局一模一樣，只是在圖標(biāo)的UI設(shè)計(jì)上略有不同。

本篇文章就是使用Edge Canary瀏覽器完成，雖然在一些細(xì)節(jié)方面與Chrome有一些細(xì)微差異，但總體就像是在使用Chrome瀏覽器一樣。另外雖然是Canary版本，但至少我下到的這一版本在使用過(guò)程中沒(méi)有出現(xiàn)任何BUG。在兼容性、頁(yè)面響應(yīng)速度、視頻流媒體播放、網(wǎng)頁(yè)圖形渲染方面沒(méi)有感覺(jué)到卡頓。

就目前情況來(lái)看，Chromium內(nèi)核打造的新款Edge瀏覽器完全可以在未來(lái)Windows的更新中取代掉現(xiàn)有的Edge內(nèi)核Edge瀏覽器，在性能基本持平的情況下，Edge Canary對(duì)操作響應(yīng)速度的提升非常大，足以帶給用戶優(yōu)于老款Edge瀏覽器的使用體驗(yàn)。

【ZOL客戶端下載】看最新科技資訊，APP市場(chǎng)搜索“中關(guān)村在線”，客戶端閱讀體驗(yàn)更好。(7276250)