|
一站式網(wǎng)絡(luò)推廣服務(wù)商 |
 |
24小時(shí)服務(wù)熱線電話
15981820747
|
Web 性能是指網(wǎng)站用戶體驗(yàn)的可衡量且可感知的指標(biāo)統(tǒng)稱，特別是網(wǎng)頁(yè)的加載速度和可靠性。
開發(fā)人員和網(wǎng)站所有者可以采取各種措施來提高網(wǎng)站性能。具體包括：優(yōu)化 Web 設(shè)計(jì)因素，例如圖片大小、代碼格式和外部腳本使用，以及選擇優(yōu)質(zhì)的服務(wù)提供商進(jìn)行托管、內(nèi)容緩存和負(fù)載平衡。
當(dāng)網(wǎng)頁(yè)加載速度提高且變得更可靠時(shí)，它們不僅能提供更好的用戶體驗(yàn)，而且往往還能在自然搜尋結(jié)果中排名靠前，更容易被潛在的網(wǎng)頁(yè)訪問者注意到，往往也會(huì)提高轉(zhuǎn)化率。
如何測(cè)試網(wǎng)站性能
提高網(wǎng)站性能的關(guān)鍵頭一步是測(cè)試其當(dāng)前性能。決定用戶（和其他方）如何看待網(wǎng)站速度和可靠性的因素有很多，而對(duì)這些因素進(jìn)行測(cè)試是了解哪些措施將有利于提升網(wǎng)站性能的為一途徑。
有許多免費(fèi)的性能測(cè)量工具，例如 Google Lighthouse（可在 Google Chrome Web 瀏覽器的 DevTools 套件中找到）和 Cloudflare Observatory（Cloudflare 用戶都可以在儀表板中找到）。
網(wǎng)站所有者應(yīng)該使用這些工具來評(píng)估哪些因素？可以先從 Core Web Vitals 開始，它包含三個(gè)用于衡量重要的網(wǎng)絡(luò)性能的指標(biāo)：
比較大內(nèi)容繪制，用于衡量網(wǎng)頁(yè)中面積比較大的一塊內(nèi)容的加載速度
首次輸入延遲，用于衡量用戶與頁(yè)面交互到瀏覽器對(duì)交互作出響應(yīng)所需的時(shí)間
累計(jì)布局偏移，用戶衡量頁(yè)面加載過程中各個(gè)元素的視覺穩(wěn)定性
改善頁(yè)面的 Core Web Vitals 指標(biāo)，不僅提供有價(jià)值的用戶體驗(yàn)信號(hào)，而且還能使頁(yè)面在 Google 自然搜尋結(jié)果中排名靠前。
其他重要的評(píng)估指標(biāo)還包括：首字節(jié)時(shí)間（頁(yè)面開始加載的速度）、DNS 查詢速度（頁(yè)面的域名服務(wù)將域名轉(zhuǎn)換為 IP 地址的速度），以及交互響應(yīng)時(shí)間（用戶與頁(yè)面交互的速度）。
要了解如何將衡量這些指標(biāo)轉(zhuǎn)化為有效措施，請(qǐng)參考以下示例：
如果網(wǎng)頁(yè)的“更大內(nèi)容繪制”速度很慢，即表明其加載網(wǎng)頁(yè)中面積比較大的一塊內(nèi)容所需的時(shí)間會(huì)比較長(zhǎng)。網(wǎng)頁(yè)所有者可以調(diào)查是否加載了不必要的代碼，然后才加載該網(wǎng)頁(yè)內(nèi)容，并考慮是否要?jiǎng)h除這些無用代碼。
首字節(jié)時(shí)間過慢的網(wǎng)頁(yè)，其從
源服務(wù)器資源檢索結(jié)果所需的時(shí)間會(huì)比較長(zhǎng)。網(wǎng)頁(yè)所有者可以調(diào)查 DNS 提供商和網(wǎng)站主機(jī)的響應(yīng)時(shí)間，以重新配置或更換其中一項(xiàng)或兩項(xiàng)服務(wù)。
如何提高網(wǎng)站性能
雖然沒有可以保證 Web 具備強(qiáng)大性能的詳細(xì)方案，但網(wǎng)站所有者可以使用以下比較好的做法來幫助提高網(wǎng)站速度和可靠性：
優(yōu)化圖像
由于圖像文件的大小往往大于 HTML 和 CSS 文件，因此，網(wǎng)站加載圖像所需的時(shí)間往往比較長(zhǎng)。幸運(yùn)的是，可以通過圖像優(yōu)化來縮短圖像加載時(shí)間，通常包括：降低圖像分辨率和尺寸，以及壓縮圖像文件本身。
限制 HTTP 請(qǐng)求的數(shù)量
大多數(shù)網(wǎng)頁(yè)都要求瀏覽器發(fā)出多個(gè) HTTP 請(qǐng)求，才能獲取頁(yè)面上的各種資產(chǎn)（包括圖像、腳本和 CSS 文件）。事實(shí)上，許多網(wǎng)頁(yè)都需要幾十個(gè)這樣的請(qǐng)求。每個(gè)請(qǐng)求都要往返于托管資源的服務(wù)器，這會(huì)增加網(wǎng)頁(yè)的整體加載時(shí)間。
由于存在這些潛在問題，因此，應(yīng)該盡量減少每個(gè)頁(yè)面需要加載的資產(chǎn)總數(shù)。此外，速度測(cè)試有助于確定哪些 HTTP 請(qǐng)求花費(fèi)的時(shí)間比較多。
使用瀏覽器 HTTP 緩存
瀏覽器緩存是一個(gè)臨時(shí)存儲(chǔ)位置，瀏覽器將靜態(tài)文件的副本保存在其中，以便能夠更快速地加載最近訪問過的網(wǎng)頁(yè)。開發(fā)人員可以指示瀏覽器緩存不經(jīng)常更改的網(wǎng)頁(yè)元素。瀏覽器緩存的說明位于托管服務(wù)器的 HTTP 響應(yīng)的標(biāo)頭中。這顯著減少了服務(wù)器需要傳輸?shù)綖g覽器的數(shù)據(jù)量，從而縮短了用戶訪問某些常用頁(yè)面所需的加載時(shí)間。
刪除不必要的 JavaScript 渲染阻塞
網(wǎng)頁(yè)可能會(huì)加載了不必要的代碼，然后才加載更重要的頁(yè)面內(nèi)容，如此一來增加整體加載時(shí)間。這種情況在大型網(wǎng)站上尤為常見，因?yàn)樵S多網(wǎng)頁(yè)所有者都是單獨(dú)地添加代碼和內(nèi)容。網(wǎng)頁(yè)所有者可以使用 Web 性能工具，來識(shí)別性能不佳網(wǎng)頁(yè)上那些不必要的代碼。
限制使用外部腳本
對(duì)于需要從其他位置加載的任何腳本化網(wǎng)頁(yè)元素，例如外部評(píng)論系統(tǒng)、CTA 按鈕、CMS 插件或潛在客戶生成的彈出窗口，每次加載頁(yè)面時(shí)都需要重新加載這些元素。
根據(jù)腳本大小，這些腳本可能會(huì)降低網(wǎng)頁(yè)的加載速度，或?qū)е戮W(wǎng)頁(yè)無法一次性加載完畢，這被稱為“內(nèi)容跳轉(zhuǎn)”或“布局偏移”，尤其會(huì)讓移動(dòng)用戶感到沮喪，因?yàn)樗?她們往往需要滾動(dòng)頁(yè)面才能看到完整的網(wǎng)頁(yè)內(nèi)容。
限制使用重定向
重定向是指將訪問者從一個(gè)網(wǎng)頁(yè)轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)。重定向會(huì)增加幾分之一秒的頁(yè)面加載時(shí)間，有時(shí)甚至需要幾秒鐘。重定向有時(shí)是不可避免的，但可能會(huì)被過度使用；而且在擁有多個(gè)網(wǎng)頁(yè)所有者的大型網(wǎng)站上，重定向可能會(huì)逐步增加頁(yè)面加載時(shí)間。網(wǎng)站所有者應(yīng)該制定明確的重定向使用指南，以及定期掃描重要的網(wǎng)頁(yè)，檢查是否存在不必要的重定向。
極簡(jiǎn)化 CSS 和 JavaScript 文件
代碼更小化是指刪除計(jì)算機(jī)理解和執(zhí)行代碼時(shí)不需要的所有內(nèi)容，包括代碼注釋、空格和不必要的分號(hào)。這可以略微縮小 CSS 和 JavaScript 文件的體積，從而讓瀏覽器可以更快速地加載這些內(nèi)容，減少占用的帶寬。盡管代碼更小化通常只能帶來微不足道的性能提升，但它仍然是一種重要的比較好的做法。
使用有效的第三方服務(wù)，實(shí)現(xiàn)重要的網(wǎng)站功能
托管：如果源服務(wù)器響應(yīng)請(qǐng)求的速度很慢，即使是設(shè)計(jì)比較好的網(wǎng)站，其網(wǎng)頁(yè)加載速度也會(huì)很慢。網(wǎng)站所有者應(yīng)該選擇平均響應(yīng)時(shí)間低于 200 毫秒，且擁有良好的可靠性記錄的服務(wù)器。
DNS：DNS 是一個(gè)域名轉(zhuǎn)化系統(tǒng)（將example.com 轉(zhuǎn)化為 IP 地址），這是頁(yè)面加載過程的重要組成部分。網(wǎng)站所有者應(yīng)該選用能夠快速且可靠地提供解析結(jié)果的 DNS 服務(wù)，而不是依賴于 Web 主機(jī)的 DNS。
緩存：網(wǎng)站內(nèi)容距離請(qǐng)求者的位置越近，他們接收到相應(yīng)內(nèi)容的速度就越快。網(wǎng)站所有者應(yīng)該使用內(nèi)容交付網(wǎng)絡(luò) (CDN) 在全球多個(gè)地點(diǎn)緩存 Web 內(nèi)容，如此一來，用戶的請(qǐng)求就不必跨越數(shù)百或數(shù)千英里（以及許多自治網(wǎng)絡(luò)）的長(zhǎng)途傳輸才能到達(dá)網(wǎng)站的源服務(wù)器。
網(wǎng)絡(luò)安全：DDoS 攻擊、惡意機(jī)器人以及其他網(wǎng)絡(luò)攻擊，可能會(huì)降低網(wǎng)站性能。這個(gè)話題的涉及面過于寬泛，無法在此一一詳述，但網(wǎng)站所有者應(yīng)該選擇一家 Web 應(yīng)用程序安全提供商，既可以過濾惡意流量，同時(shí)不降低合法流量的速度。
Cloudflare 如何幫助提高 Web 性能
Cloudflare 是一個(gè)全球互聯(lián)網(wǎng)安全和性能平臺(tái)。此平臺(tái)可以連接到覆蓋 330 個(gè)城市的全球網(wǎng)絡(luò)，幫助提高各種規(guī)模和復(fù)雜程度的網(wǎng)站的運(yùn)行性能。
對(duì)于個(gè)人網(wǎng)站和小型企業(yè)，Cloudflare 提供免費(fèi)計(jì)劃和優(yōu)惠計(jì)劃，只需幾分鐘即可激活，并且自動(dòng)包含重要的網(wǎng)站性能增強(qiáng)功能：
高性能 DNS 服務(wù)
CDN
圖像優(yōu)化
移動(dòng)優(yōu)化
防范 DDoS 攻擊和常見的惡意機(jī)器人攻擊
對(duì)于大型企業(yè)，Cloudflare 還提供企業(yè)級(jí)性能服務(wù)，可與任何類型的 Web 應(yīng)用程序或基礎(chǔ)架構(gòu)搭配使用。
