西安英泰php培訓(xùn)機(jī)構(gòu)怎么樣？

西安英泰php培訓(xùn)機(jī)構(gòu)怎么樣?在開(kāi)發(fā)好頁(yè)面后，如何讓頁(yè)面更快更好的運(yùn)行，是區(qū)分一個(gè)程序猿技術(shù)水平和視野的一個(gè)重要指標(biāo)。所以面試時(shí)，面試官總會(huì)問(wèn)你一個(gè)問(wèn)題，如何進(jìn)行性能優(yōu)化呢?

西安英泰php培訓(xùn)機(jī)構(gòu)怎么樣?

英泰移動(dòng)通信培訓(xùn)學(xué)校成立于2006年，總部位于西安市碑林區(qū)長(zhǎng)安北路會(huì)展國(guó)際大廈20層、自成立以來(lái)，始終堅(jiān)持高端IT技能人才的培養(yǎng)，目前共12個(gè)基地，遍布西安、太原、成都等城市。員工200余人，開(kāi)設(shè)專(zhuān)業(yè)有：物聯(lián)網(wǎng)、JavaEE及大數(shù)據(jù)、人工智能、PHP、UI設(shè)計(jì)、數(shù)據(jù)通信、4G/5G無(wú)線網(wǎng)絡(luò)、Python開(kāi)發(fā)共8個(gè)專(zhuān)業(yè)。目前IMTI英泰移動(dòng)服務(wù)外包基地已成為行業(yè)知名企業(yè)，是廣大有志青年實(shí)訓(xùn)IT夢(mèng)想值得信賴(lài)的搖籃。

性能優(yōu)化是什么？

從前端的角度來(lái)說(shuō)，性能優(yōu)化可以分為兩個(gè)方向。從用戶(hù)角度來(lái)看，一個(gè)是頁(yè)面加載的很快，另一個(gè)是頁(yè)面使用起來(lái)很流暢。因此，對(duì)性能優(yōu)化的探索，我們可以分為頁(yè)面加載時(shí)間跟頁(yè)面運(yùn)行效率兩個(gè)方向來(lái)進(jìn)行研究。

從瀏覽器打開(kāi)到頁(yè)面渲染完成，花費(fèi)了多少時(shí)間

瀏覽器解析->查詢(xún)緩存->dns查詢(xún)->建立鏈接->服務(wù)器處理請(qǐng)求->服務(wù)器發(fā)送響應(yīng)->客戶(hù)端收到頁(yè)面->解析HTML->構(gòu)建渲染樹(shù)->開(kāi)始顯示內(nèi)容(白屏?xí)r間)->首屏內(nèi)容加載完成(首屏?xí)r間)->用戶(hù)可交互(DOMContentLoaded)->加載完成(load)，如果我們要進(jìn)行加載時(shí)間的優(yōu)化，我們需要從這里的每一個(gè)步驟都去思考，去總結(jié)，而避免東湊一點(diǎn)，西湊一點(diǎn)。

頁(yè)面加載時(shí)間監(jiān)控

在對(duì)這些環(huán)節(jié)進(jìn)行優(yōu)化之前，我們需要知道監(jiān)控這些環(huán)節(jié)花費(fèi)了多少時(shí)間。

可以獲取到很多頁(yè)面加載相關(guān)的數(shù)據(jù)。比較常用的有

DNS解析時(shí)間： domainLookupEnd - domainLookupStart

TCP建立連接時(shí)間： connectEnd - connectStart

白屏?xí)r間： responseStart - navigationStartdom

渲染完成時(shí)間： domContentLoadedEventEnd - navigationStart

頁(yè)面onload時(shí)間： loadEventEnd - navigationStart

如果不使用該API，可以以服務(wù)器渲染返回的時(shí)間，或是SPA路由跳轉(zhuǎn)離開(kāi)的時(shí)間為起點(diǎn)，domContentLoaded，load等事件為結(jié)束點(diǎn)進(jìn)行記錄?；蚴侵苯由蟝oogle analytics。