集成 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 聲稱可以將文件大小減少多達 70%,并顯著提高性能。
啟用 Gzip 的方法有很多種,具體取決于你的站點。 例如,你可以在 .htaccess 文件中啟用 Gzip 或簡單地使用插件。
如何加速 Web 應(yīng)用程序并提高網(wǎng)站性能
使用延遲加載
每個網(wǎng)站都包含一定數(shù)量的媒體文件(即圖像、視頻、音頻文件),每個元素的加載需要相當長的時間。
延遲加載設(shè)計模式使媒體文件僅在進入用戶視點時才加載。這意味著,當用戶打開頁面時,它不會立即加載所有媒體文件,而只會加載頁面頂部的媒體文件。而且,當用戶向下滾動時,頁面將加載更多文件。
這種技術(shù)極大地節(jié)省了帶寬,同時提供了無縫的用戶體驗。延遲加載還擺脫了不必要的代碼執(zhí)行并減少了內(nèi)存使用。你還可以將代碼分成不同的包,以便不同的頁面僅包含代碼塊。這樣,瀏覽器將只加載用戶所在的那些代碼。
縮小 CSS 和 JavaScript
當你的站點下載 JavaScript 或 CSS 文件時,會向服務(wù)器發(fā)送一個 HTTP 請求。發(fā)送的請求越多,性能就越慢。為了解決這個問題,你可以合并和縮小文件以減少 HTTP 請求的數(shù)量,從而提高性能。
縮小包括消除空格、不必要的代碼行或換行符。要執(zhí)行此過程,請使用 WP Rocket 或 WillPeavy 等可用插件之一。
優(yōu)化數(shù)據(jù)庫
數(shù)據(jù)庫優(yōu)化可能是你網(wǎng)站性能的瓶頸。雖然有很多方面需要關(guān)注,但最常見的是:
MySQL 查詢優(yōu)化:使用 EverSQL 查詢優(yōu)化器等工具來微調(diào) MySQL 查詢并獲得有用的建議,
索引:該方法允許更快的行選擇和排序,
內(nèi)存容量:如果內(nèi)存不足,會降低性能,因此你可能需要尋找更強大的托管解決方案。
請注意,數(shù)據(jù)庫優(yōu)化也取決于你的站點。 對于某些網(wǎng)站(即電子商務(wù)平臺),有一些獨特的問題需要處理,因此你需要先進行審核,以確定所有需要優(yōu)化的問題區(qū)域。
擺脫阻塞的 JavaScript
許多網(wǎng)站最常見的問題之一是阻止渲染的 JavaScript 文件。 要解決此問題,你可以執(zhí)行以下操作:
在 HTML 文檔中內(nèi)聯(lián)外部鎖定腳本
使用特殊插件(即 W3 Total Cache)
使用 async 屬性使 JavaScript 文件異步
啟用緩存
每次用戶登陸頁面時,瀏覽器都會加載其內(nèi)容 - 每次出現(xiàn)新查詢時都會這樣做。 現(xiàn)在,你能想象每天有多少用戶訪問你的網(wǎng)站以及瀏覽器必須加載頁面內(nèi)容的次數(shù)嗎?
為了防止站點為返回的用戶加載相同的內(nèi)容并節(jié)省一些加載時間,請啟用瀏覽器緩存。 至于新用戶,網(wǎng)站仍會從頭開始加載內(nèi)容,因為新用戶的緩存是空的。盡管如此,完整的瀏覽器緩存可以將站點速度從 2.6 毫秒提高到 1(甚至 0.9),因此強烈建議使用它。
快速工具:蓋茨比
Gatsby 是一個靜態(tài)站點生成器。 該框架使用初步加載:當用戶打開主頁時,瀏覽器在后臺模式下加載顯示鏈接到主頁的站點其他頁面所需的數(shù)據(jù)。
使用 Gatsby 構(gòu)建的網(wǎng)站是一個 React 應(yīng)用程序,因此它只加載有關(guān)頁面之間差異的數(shù)據(jù),而不是完整的頁面。 在頁面之間的轉(zhuǎn)換過程中,虛擬 DOM 被更新。 通過這種方式,用戶可以享受高速加載和流暢的網(wǎng)站性能。
上述性能優(yōu)化方法是處理網(wǎng)站慢問題的最常用方法。但是,由于每個網(wǎng)站和 Web 應(yīng)用程序都是獨一無二的,因此你需要首先進行性能審核,以準確識別你的網(wǎng)站存在的問題并提出解決問題的正確方法。