是一個復(fù)雜的話題，涉及很多技能，如何通過優(yōu)化網(wǎng)頁性能來改善用戶體驗(yàn)？今天小編就給大家介紹一些常用的方法。

1.盡可能減少要傳輸?shù)臄?shù)據(jù)量

首先，刪除所有未使用的部分，例如無法訪問的函數(shù)、選擇器從不匹配任何元素的樣式以及始終隱藏在 CSS 中的 HTML 標(biāo)記。其次，刪除所有重復(fù)項(xiàng)。然后，我建議設(shè)置一個自動收縮過程。例如，它應(yīng)該刪除后端服務(wù)的所有注釋（但不是源代碼）和不包含其他信息的每個字符（例如 JS 中的空格字符）。完成后，我們剩下的可以是文本。這意味著我們可以安全地應(yīng)用壓縮算法，例如GZIp（大多數(shù)瀏覽器都理解）。最后，還有緩存。當(dāng)瀏覽器第一次呈現(xiàn)頁面時(shí)，這無濟(jì)于事，但它會在以后的訪問中節(jié)省很多。但關(guān)鍵是要記住兩件事：

如果使用 CDNseo優(yōu)化，請確保支持緩存并在其中正確設(shè)置緩存。

與其等待資源的到期日期，不如從您的角度提前更新資源。將文件的“指紋”嵌入到 URL 中會使本地緩存失效。

當(dāng)然，您應(yīng)該為每個資源定義一個緩存策略。有些可能變化不大，或者根本沒有變化。其他國家的變化更快。其中一些包含敏感信息，而另一些則可能被視為公開的。使用 “” 指令可防止 CDN 緩存私有數(shù)據(jù)。Web 圖像也可以優(yōu)化，盡管圖像請求不會阻止解析或呈現(xiàn)。

2. 減少關(guān)鍵資源總數(shù)

“關(guān)鍵”僅指正確呈現(xiàn)網(wǎng)頁所需的資源。因此，我們可以跳過所有不直接參與該過程的樣式以及所有腳本。

樣式表

為了告訴瀏覽器不需要特定的CSS文件網(wǎng)站優(yōu)化，我們應(yīng)該為所有引用樣式表的鏈接設(shè)置媒體屬性。使用此方法，瀏覽器將僅根據(jù)需要處理與當(dāng)前媒體（設(shè)備類型、屏幕大?。┢ヅ涞馁Y產(chǎn)，同時(shí)降低所有其他樣式表的優(yōu)先級（將進(jìn)行處理，但不作為關(guān)鍵呈現(xiàn)路徑的一部分）。例如，如果將 =“” 屬性添加到引用打印頁面樣式的樣式標(biāo)記，則當(dāng)媒體未打印時(shí)（即在瀏覽器中顯示頁面時(shí)），這些樣式不會干擾關(guān)鍵呈現(xiàn)路徑。

為了進(jìn)一步改進(jìn)該過程，您還可以內(nèi)聯(lián)一些樣式。這為我們節(jié)省了至少一次到服務(wù)器的往返行程，否則需要獲取樣式表。

腳本

如上所述，腳本是解析器阻塞，因?yàn)樗鼈兛梢愿?DOM 和 .因此，不更改它們的腳本不應(yīng)進(jìn)行塊解析，從而節(jié)省我們的時(shí)間。為了實(shí)現(xiàn)這一點(diǎn)，所有腳本標(biāo)簽都必須標(biāo)記為 or 屬性。

標(biāo)記為不阻止 DOM 構(gòu)造的腳本，或者因?yàn)樗鼈兛梢栽跇?gòu)建之前執(zhí)行。但是請記住，內(nèi)聯(lián)腳本無論如何都會阻塞，除非您將它們放在 CSS 之上。相反，標(biāo)記為“延遲”的腳本將在頁面加載結(jié)束時(shí)進(jìn)行評估。因此，它們不應(yīng)影響文檔（否則將觸發(fā)重新呈現(xiàn)）。

換句話說，腳本在頁面加載事件觸發(fā)之前不會執(zhí)行，從而允許腳本在解析文檔時(shí)在后臺運(yùn)行。

3. 減少關(guān)鍵渲染路徑長度

最后，CRp 長度應(yīng)縮短到盡可能小的值。在某種程度上，上述方法可以做到這一點(diǎn)。

作為樣式標(biāo)記屬性的媒體查詢可減少必須下載的資源總數(shù)。該腳本標(biāo)記屬性，并將阻止相應(yīng)的腳本阻止分析。使用 GZIp 壓縮、壓縮和歸檔資源將減少傳輸數(shù)據(jù)的大小（從而減少數(shù)據(jù)傳輸時(shí)間）。內(nèi)聯(lián)某些樣式和腳本可以減少瀏覽器和服務(wù)器之間的往返次數(shù)。

我們還沒有討論的是重新排列文件之間的代碼的選項(xiàng)。根據(jù)最新的最佳性能理念網(wǎng)站制作，網(wǎng)站應(yīng)該以最快的速度做的第一件事就是顯示ATF內(nèi)容，ATF代表折疊上方，這是無需滾動即可立即看到的區(qū)域。因此，最好重新排列與渲染相關(guān)的所有內(nèi)容，以便首先加載所需的樣式和腳本，而其他所有內(nèi)容停止 - 既不解析也不渲染，并且始終記住在進(jìn)行更改之前和之后進(jìn)行測量?？傊?，網(wǎng)站

性能優(yōu)化涵蓋了網(wǎng)站響應(yīng)能力的所有方面，例如緩存、設(shè)置 CDN、重構(gòu)、資源優(yōu)化等網(wǎng)站優(yōu)化，但所有這些都可以逐步完成。作為 Web 開發(fā)人員，您應(yīng)該使用本文作為參考，并始終記住在實(shí)驗(yàn)前后衡量性能。

分享題目：網(wǎng)站優(yōu)化如何通過優(yōu)化網(wǎng)頁性能提高用戶體驗(yàn)？（干貨收藏）優(yōu)化網(wǎng)站seo網(wǎng)站系統(tǒng)平臺
文章分享：http://www.rwnh.cn/news10/299360.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、靜態(tài)網(wǎng)站、網(wǎng)站導(dǎo)航、軟件開發(fā)、網(wǎng)站改版、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)