瀏覽器渲染頁(yè)面流程 什么叫html頁(yè)面渲染?
什么叫html頁(yè)面渲染?頁(yè)面呈現(xiàn)是瀏覽器的工作。大致可以分為以下幾個(gè)步驟:加載:根據(jù)請(qǐng)求的URL解析域名,向服務(wù)器發(fā)送請(qǐng)求,接收文件(HTML、JS、CSS、image等)。解析:解析加載的資源(HT
什么叫html頁(yè)面渲染?
頁(yè)面呈現(xiàn)是瀏覽器的工作。大致可以分為以下幾個(gè)步驟:加載:根據(jù)請(qǐng)求的URL解析域名,向服務(wù)器發(fā)送請(qǐng)求,接收文件(HTML、JS、CSS、image等)。解析:解析加載的資源(HTML、JS、CSS等),并建議相應(yīng)的內(nèi)部數(shù)據(jù)結(jié)構(gòu)(如HTML的DOM樹(shù)、JS的屬性表、CSS的樣式規(guī)則等)呈現(xiàn):構(gòu)建呈現(xiàn)樹(shù),計(jì)算每個(gè)元素的位置和樣式,然后根據(jù)呈現(xiàn)樹(shù)(可以理解為“繪圖”元素)呈現(xiàn)頁(yè)面。這些過(guò)程不是完全孤立的,會(huì)有交叉點(diǎn)。例如,加載html后,將對(duì)其進(jìn)行解析,然后提取html中指定的CSS和JS。
如何提升網(wǎng)站的打開(kāi)速度?
在這個(gè)問(wèn)題上,我們可以從兩個(gè)方面考慮:服務(wù)器/網(wǎng)站建設(shè)者和客戶端/用戶端:
如果您是網(wǎng)站建設(shè)者,您可以考慮但不限于:
1。選擇強(qiáng)大的互聯(lián)網(wǎng)服務(wù)提供商,選擇高帶寬、可靠的服務(wù)器部署服務(wù)器程序,如云服務(wù)器,具有負(fù)載均衡能力。
2. 服務(wù)器端采用靜態(tài)文件生成技術(shù),采用CDN加速靜態(tài)資源。
3. 使用緩存提高加載速度。
1. 選擇網(wǎng)速快、非人員密集的地方上網(wǎng),最好用有線上網(wǎng)。
2. 選擇處理器能力強(qiáng)、內(nèi)存/緩存大的電腦或手機(jī)。
3. 及時(shí)清理瀏覽器緩存和其他文件。電腦和手機(jī)運(yùn)行時(shí)間過(guò)長(zhǎng),產(chǎn)生大量垃圾文件,處理器和內(nèi)存耗盡,這將減慢網(wǎng)頁(yè)的打開(kāi)速度。