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

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

1、清除不必要的資源，避免進行不必要的下載

  站點應當定期審核網(wǎng)頁上的資源是否是必需的，并評估該資源的價值與性能影響。網(wǎng)頁中往往會包含一些冗余資源，影響網(wǎng)頁性能的同時還無法給網(wǎng)頁帶來價值，可以考慮清除不必要的資源，避免不必要的資源下載帶來性能上的消耗。

  清除阻塞渲染的JS和CSS

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

2、使用代碼拆分減少JS負載

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

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

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

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