
我們不需要提醒你快速網(wǎng)站加載的重要性。要么是 3 秒,要么是用戶離開,因此你必須優(yōu)化網(wǎng)站性能以符合用戶的期望。網(wǎng)站性能的優(yōu)化是一件大事。它涉及多個方面需要照顧,其中許多取決于網(wǎng)站本身、其復(fù)雜性和元素。但是,還有一些適用于任何站點的常用優(yōu)化方法。
集成 CDN
內(nèi)容交付網(wǎng)絡(luò)(又名 CDN)是一個非常棒的工具,可以集成到你的網(wǎng)站中,因為它可以大大加快你的內(nèi)容交付速度。因為它是一個分布式服務(wù)器網(wǎng)絡(luò),所以 CDN 會找到離用戶最近的服務(wù)器并部署它來交付內(nèi)容。通過這種方式,內(nèi)容會走得更短,并提供更好的用戶體驗。許多 CDN 還具有許多其他可提高網(wǎng)站性能的功能:圖像優(yōu)化、縮小 CSS、代碼重組。
壓縮文件
每個文件都需要一些時間來加載。問題是,文件越大,加載的時間就越長。結(jié)果,該網(wǎng)站以極其緩慢的方式加載并惹惱了用戶。解決大體積文件的問題,壓縮它們并享受更快的性能!對于文件壓縮,建議使用 Gzip 工具,這是最受信任的工具之一。Gzip 聲稱可以將文件大小減少多達(dá) 70%,并顯著提高性能。啟用 Gzip 的方法有很多種,具體取決于你的站點。 例如,你可以在 .htaccess 文件中啟用 Gzip 或簡單地使用插件。
使用延遲加載
每個網(wǎng)站都包含一定數(shù)量的媒體文件(即圖像、視頻、音頻文件),每個元素的加載需要相當(dāng)長的時間。
延遲加載設(shè)計模式使媒體文件僅在進(jìn)入用戶視點時才加載。這意味著,當(dāng)用戶打開頁面時,它不會立即加載所有媒體文件,而只會加載頁面頂部的媒體文件。而且,當(dāng)用戶向下滾動時,頁面將加載更多文件。這種技術(shù)極大地節(jié)省了帶寬,同時提供了無縫的用戶體驗。延遲加載還擺脫了不必要的代碼執(zhí)行并減少了內(nèi)存使用。你還可以將代碼分成不同的包,以便不同的頁面僅包含代碼塊。這樣,瀏覽器將只加載用戶所在的那些代碼。
縮小 CSS 和 JavaScript
當(dāng)你的站點下載 JavaScript 或 CSS 文件時,會向服務(wù)器發(fā)送一個 HTTP 請求。發(fā)送的請求越多,性能就越慢。為了解決這個問題,你可以合并和縮小文件以減少 HTTP 請求的數(shù)量,從而提高性能。縮小包括消除空格、不必要的代碼行或換行符。要執(zhí)行此過程,請使用 WP Rocket 或 Will Peavy 等可用插件之一。
啟用緩存
每次用戶登陸頁面時,瀏覽器都會加載其內(nèi)容 - 每次出現(xiàn)新查詢時都會這樣做。 現(xiàn)在,你能想象每天有多少用戶訪問你的網(wǎng)站以及瀏覽器必須加載頁面內(nèi)容的次數(shù)嗎?為了防止站點為返回的用戶加載相同的內(nèi)容并節(jié)省一些加載時間,請啟用瀏覽器緩存。 至于新用戶,網(wǎng)站仍會從頭開始加載內(nèi)容,因為新用戶的緩存是空的。盡管如此,完整的瀏覽器緩存可以將站點速度從 2.6 毫秒提高到 1(甚至 0.9),因此強烈建議使用它。 注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.dedgn.cn/news-id-17363.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注web前端頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050