網(wǎng)站頁(yè)面性質(zhì)您了解多少呢？

關(guān)于網(wǎng)站頁(yè)面性質(zhì)您了解多少呢？西安網(wǎng)站建設(shè)小編帶你詳細(xì)的了解一下。

1、清除不必要的資源，避免進(jìn)行不必要的下載

  站點(diǎn)應(yīng)當(dāng)定期審核網(wǎng)頁(yè)上的資源是否是必需的，并評(píng)估該資源的價(jià)值與性能影響。網(wǎng)頁(yè)中往往會(huì)包含一些冗余資源，影響網(wǎng)頁(yè)性能的同時(shí)還無(wú)法給網(wǎng)頁(yè)帶來(lái)價(jià)值，可以考慮清除不必要的資源，避免不必要的資源下載帶來(lái)性能上的消耗。

  清除阻塞渲染的JS和CSS

  如果要以最快速度完成首屏渲染，需要**限度地減少網(wǎng)頁(yè)上關(guān)鍵JS/CSS子資源的數(shù)量，并盡可能清除這些資源，**限度地減少下載量。

2、使用代碼拆分減少JS負(fù)載

  有的網(wǎng)站可能將所有的JS組合成一個(gè)大型的組合包，以這種方式加載的話頁(yè)面性能會(huì)受到影響。長(zhǎng)時(shí)間運(yùn)行的JS可能會(huì)阻塞主線程，這時(shí)可以考慮使用requestAnimationFrame() 或 requestIdleCallback() 來(lái)進(jìn)行優(yōu)化。

  根據(jù)不同的業(yè)務(wù)需求，開(kāi)發(fā)者可以將JS中首屏的關(guān)鍵代碼拆分出來(lái)，這樣可以提前加載執(zhí)行首屏中必需的少量JS代碼，從而縮短頁(yè)面的加載時(shí)間，其余的可以按需加載或者置后加載，同時(shí)建議開(kāi)發(fā)者將JS優(yōu)先放在首屏渲染完成之后，放在body閉標(biāo)簽前面。

3、優(yōu)化阻塞渲染的JS

  JS允許我們修改網(wǎng)頁(yè)的同時(shí)也會(huì)阻止DOM構(gòu)建，阻塞網(wǎng)頁(yè)渲染。默認(rèn)情況下，JS的執(zhí)行會(huì)阻塞內(nèi)核渲染：無(wú)論我們使用外鏈還是內(nèi)嵌JS，當(dāng)遇到文檔中的JS腳本時(shí)，它將暫停 DOM 構(gòu)建，將控制權(quán)移交給 JS，腳本執(zhí)行完畢后再繼續(xù)構(gòu)建 DOM，處理剩余的HTML文檔。如果是外鏈JS文件，瀏覽內(nèi)核需停下來(lái)，等待從磁盤(pán)、緩存或遠(yuǎn)程服務(wù)器中獲取JS腳本，這就可能給關(guān)鍵渲染路徑增加數(shù)十到數(shù)百毫秒的延遲。