整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
背景
在前端性能數據的獲取方法上，現在業內大多使用手動埋點的方式，即在代碼中，人工判斷首屏完成的位置，并在該處添加首屏記錄的代碼，類似：.report() 這樣。
這樣做的簡單省事，但缺點也很明顯：
基于上面的分析，我們近期嘗試了一些方案，試圖將首屏時間計算自動化，節省人力、并提高準確性。
定義
對首屏時間的定義，每個公司可能會有所不同，在本文中，首屏時間指的是：
實現原理
總體思路為：
下面，一個個解決上文中提到的問題：
因此，我們現在的方案是結合 和 ，在 回調的間歇，啟動 ，保證頁面加載過程中打點間隔不會過長，提高統計準確率。
統計誤差
即使使用了上述復雜的打點與判斷，誤差仍然存在，那么，誤差到底在哪里？
如下圖所示：
不穩定狀態（1 images） 穩定狀態2（2 images） 穩定狀態1（2 images）
| | |
|________________________|_______________________|
t1 t2 t3
復制代碼按照上面的理論，我們會取 t2 時刻為可以統計首屏的時刻，兩張圖片加載完成的時刻即為首屏完成的時刻。
t2 和 t1 時刻差了 1 張圖片。
按照我們的理論，首屏完成時間一定在 t2 之后的某個時刻 t2.n。
而實際相差的那張圖片，什么時候加載完成的，我們不得而知，可能在 t2 前已經加載完畢了，也可能已經發出請求，但還沒加載完畢。
誤差就在這里，它總會存在。
但我們需要統計的是在誤差可以接受范圍內的首屏數據，根據在公司業務實踐的反饋來看，數據可靠性很高。
Talk is cheap, show me the code
我們也開源了這個小工具：
github: auto-compute-first-screen-time
npm: auto-compute-first-screen-time
歡迎小伙伴們使用，吐槽，改進。
室內WiFi信號不好，怎么辦？華為路由Q2 Pro子母路由器可解決
說在前面：
說到路由器相信大家都不會陌生，可以說基本上人人家里都有的。筆者也是很在就接觸路由器了，因此在這方面還是很有發言權的。以前在小房子里使用的是一款水星的路由器，由于房子僅有40平方，WiFi信號倒是沒什么影響，后來換成了大房子，路由器就不行了，于是換了一款360的路由器，在一定范圍內WiFi信號是不錯的，但是隔墻的話信號就打折了，手機玩游戲的時候還經常出現電掉網的情況，為此就想著換個路由器。
于是就看到了華為新上市不久的這款華為路由器Q2 Pro這款路由器，我們的這款是子母裝，那里信號不好插哪里，可以解決信號不穩定的情況，目前體驗有幾天了，今天來跟大家分享下。
產品細節與體驗：
我們先來看下它的包裝方面，采用了全白色的紙盒，封面有著這款華為Q2 Pro的外觀圖，除此之外還標注了產品的型號和品牌LOGO，一句“哪里信號不好插哪里”引起了我的極大興趣。
包裝的背面則詳細介紹了這款華為Q2 Pro子母裝的相關參數和賣點，主要包括：即插即用，PLC Turbo技術，全千兆等，這款路由器不僅支持小戶型，大戶型也是可以的。
打開包裝盒，就可以看到這款子/母路由器了，大的則是主路由器，小的則是電力貓+WiFi中繼器的合體了，那么什么是電力貓+WiFi中繼器呢？
所謂的電力貓，全程應該是電力線通信（Power Line ，英文簡稱PLC）技術，是一種利用家裝供電網絡以及墻面插座組成的傳輸線路，通過專用的適配器轉化成高頻信號并加載到電力傳輸當中，然后由另一臺適配器接受并重新轉化成傳輸數據。
簡單來說，就是把埋在墻里的電線當做以太網線來傳輸數據，并通過電力貓重新轉換成常規的有線/無線信號。聽上去是不是有點黑科技的感覺呢？
再來看下配件都哪些吧。除了路由器的大小主機外，還為用戶配置了一條電源線，一根扁平的六類網線。以及一份使用說明書。說明書內詳細介紹了路由器的使用方法和配對方法，建議用戶使用前記得閱讀一下。
這款路由器的主機什么樣子呢？可以說除了大小有所差別外，外觀均是橢圓形的柱體外形，機身顏色為白色，非常百搭的顏色。機身表面類似于磨砂的質感，摸上去手感很好，而且還不易沾染指紋，當然平時也不會經常去碰它的。
這款華為子母路由器Q2 Pro的沒有外置天線，而是采用了內置方案，這樣外觀看上去更加簡約。先來看下華為子母路由器Q2 Pro母路由的細節吧。機身材質為ABS工程級塑料，堅固耐用。機身尺寸為112x73.3x183.5mm，重量約495g，機身正面僅設計了一個具有智聯功能的“H”鍵，這也是機身上唯一的按鍵。機身頂端設計了一個華為的品牌LOGO，若隱若現。
在機身的底部實際還有一圈彩色的燈帶，在設備開啟后燈光會亮起，起到一個提示和點綴的作用，我感覺這個小設計還是蠻有心意的。
我們再來看一下它的機身背面，所有的接口都在這里了。電源插孔比較有意思，采用了梅花插頭，這樣設計主要是電源線不容易松動。三個千兆網口，而且是支持“盲插”的，也就是說無論你用哪個插口當WAN口使用都可以，這個設計值得稱贊呢。
在華為Q2 Pro路由器機身的底部，除了居中位置的參數標簽外，還設計了一整圈的硅膠腳墊，這樣放在桌面的時候，就能夠起到很好的防滑作用。除此之外，重置孔與散熱器也被設計在了機身底部。
華為Q2 Pro子路由的樣子是很小巧的，依舊是橢圓形的柱形，機身依舊是全白色，材質依舊是ABS工程塑料。在機身背部集成了一個一體式三相插頭，這樣就可以直插墻壁插座上了，那個房間弱，就把它插在哪里，通過電力貓數據傳輸的方式，可以進一步的增強無線信號。說簡單點，就是在將其插在家里同一電表下的插座上，就可以通過電力線完成聯網。據悉一個母路由可同時支持1拖15個子路由，是不是很強悍呢？
在這個華為Q2 Pro子路由的頂端，還設計了一個華為的LOGO，依舊是若隱若現。在正面的上部設計了一個LED指示燈，通電的時候便會亮起來。核心硬件方面采用的是華為自研凌霄電力貓芯片，同時支持PLC Turbo技術。
在華為Q2 Pro子路由器的底部還設計了一個千兆網線接口，用以連接電腦、機頂盒等都會獲得比無線網絡更強的穩定性。另外還有一個小孔為子路由的重置孔。
說完細節和設計，接下來我們就來是實際體驗一下吧。
首先來看這款路由器是如何配置的。它是支持APP端和PC端設置的。如果家里沒有電腦的話，就可以通過手機瀏覽器直接可以配置的，這樣就方便多了，也沒什么影響，用手機就解決了。設置了上網方式，WIFI名和密碼，選擇了WIFI的模式然后等路由器重啟就行了。
配置好網絡后，就可以進入App端后，我們來看看它的界面設計，真是的非常的簡潔明了，所有的功能一目了然，操作起來也很順手。主要內容包括了關閉路由器LED開關、查看運行周報、進行HiLink智聯等等。
說完手機操控，我們再來看一下PC端的操控。先來看下界面設計，主要包括了：主頁，我要上網，我的WIFI，終端管理和更多功能，整體布局很是簡約。首次登陸需要設置登陸密碼，根據設備底部提供的網關地址我們可以直接連接設備，設置成功后我們可以進到它的操控主頁面，我們可以從這里直觀的查看到設備的運行時長和運行狀態。在這里我要補充說明一下，華為子母路由器Q2 Pro采用的是真雙頻、無縫漫游創新技術，簡單的理解就是你在連接WiFi的時候只會看到一個連接點，而非傳統路由提供的2.4G/5G兩個不同的連接點，采用真雙頻、無縫漫游創新技術的華為子母路由器Q2 Pro在體驗時能夠自動切換更好的WiFi頻段和熱點，讓你不再被信號問題所困擾。
終端設備管理部分，官方宣稱華為子母路由器Q2 Pro在CPU占用專項測試時，連接10個Wi-Fi設備連續15天，CPU的空閑率高達80%，這部分筆者沒有做專門的測試，我覺得普通家庭很難出現10臺設備同時上網的情況，就我家中的智能燈具、智能電視、熱水器等設備其實在帶寬占用率方面并不會有太多；另外，如果真的有一些設備會出現帶寬占用很高的情況的話，我們也可以在控制頁面對其進行限速操作。
安全支持和輔助功能部分，華為子母路由器Q2 Pro提供了NAT服務、DMZ主機、兒童上網保護、智能推送、上網加速和終端品牌設備等等，在眾多服務和功能當中兒童上網保護和終端品牌識別最吸引我。兒童上網保護這個功能，可以凈化孩子上網的環境，也可以更好的掌控孩子上網的時間，幫助孩子合理運用時間。
手機端的好處是可以隨時可以查看流量使用情況、上網時長等信息。筆者親自體驗了一下，發現自己的上網高峰時段竟然是12點-20點。當然通過這個功能也可以監管孩子的上網情況，感覺很實用的。
體驗小結：
目前我是用這款華為路由Q2 Pro子母路由器已經有一段時間了，給我留下的體驗感受還是很不錯的。首先外觀簡約時尚，操作簡單，聯網也簡單。配合子路由器可以讓信號更加穩定和充足，那里信號不好插哪里，當然你的房間大的話，也可以多加幾個子路由，一個母路由可同時連接15個子路由，即使別墅也夠用，讓家中的信號永遠都滿格，
華為路由Q2 Pro子母路由器同除了支持2.4G/5G自動優選和子母路由器的優選切換之外， 還支持IPv6、防暴力破解、防蹭網、專屬訪客WiFi等豐富功能，這些都是其他普通路由器所不能相比的。當然也有些許缺點，就是沒有配置USB接口，其次網口相對少一點。當然這些不足僅僅是個人看法，總之這款路由器在外觀，體驗，性能和安全方面都是可圈可點的，喜歡的朋友不妨關注下。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
