整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          基于H5的Speedtest網(wǎng)速測(cè)試工具搭建

          言:

          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)


          主站蜘蛛池模板: 成人精品一区二区不卡视频| 精品一区二区久久久久久久网站| 真实国产乱子伦精品一区二区三区| 末成年女A∨片一区二区| 精品久久久久久中文字幕一区| 日韩免费观看一区| 日本人真淫视频一区二区三区| 亚洲中文字幕在线无码一区二区| 日本精品高清一区二区| 一区二区在线视频观看| 国产精品亚洲一区二区三区| 中文字幕精品一区二区| 精品无码一区二区三区爱欲 | 国产激情一区二区三区 | 无码中文人妻在线一区二区三区| 日韩好片一区二区在线看| 一区二区三区无码视频免费福利| 精品国产日韩亚洲一区| 一区二区三区在线看| 精品无码一区二区三区水蜜桃| 日韩成人一区ftp在线播放| 亚洲AV无码片一区二区三区| 亚洲色偷精品一区二区三区| 毛片一区二区三区| 国产一区二区好的精华液 | 亚洲一区免费视频| 91视频一区二区三区| 中文激情在线一区二区| 亚洲av无码一区二区三区四区| 在线观看国产一区二三区| 精品少妇人妻AV一区二区| 性色AV一区二区三区天美传媒| 亚洲熟女综合色一区二区三区| 精品久久久中文字幕一区| 无码国产精品一区二区高潮| 青娱乐国产官网极品一区| 国产品无码一区二区三区在线蜜桃| 国产成人无码一区二区三区| 亚洲制服丝袜一区二区三区| 欧洲精品免费一区二区三区| 一区二区三区福利|