如何提高網站性能:加快網站速度的 10 條技巧

研究一致表明,更快的頁面加載速度將帶來更好的轉化率。 由於虛擬主機是您的企業網站速度的關鍵因素之一 - 選擇一個有助於您的網站快速加載的虛擬主機非常重要。
研究一致表明,更快的頁面加載速度會更好 兌換率. 由於網絡託管是關鍵因素之一 您的企業網站 速度 – 選擇一個可以幫助您的網站快速加載的網絡主機很重要(來源: CloudFlare).

了解影響你的主要因素是什麼 網站效果 是一回事,但您還可以做很多事情來盡可能優化您的網站。 在沒有詳盡列表的情況下,您可以進行一些調整以提高網站性能。

 1.選擇更好的託管服務器 

您的網絡託管是網絡性能最重要的部分之一。

如果您的網站在您當前的計劃下受到影響,您可能只需要更多資源,而轉向更好的計劃可能對您有用。

有網絡主機,然後有 優秀 網絡主機. 每個虛擬主機都有不同的功能,因此請注意關鍵項目,例如專有緩存技術、固態驅動器或對關鍵區域的控制。 共享主機 通常在資源方面較少,如果你已經長大了,你可能需要看看 VPS 或云主機.

有時只是選擇 轉移到更好的網絡主機 也可以工作。 但是,在您承諾這樣做之前,請花一些時間進行研究,以找出您最可靠的選擇。

推薦的 VPS 託管服務提供商

網絡主機定價(/月)試用期立即訂購
BlueHost$ 19.9930天獲取BlueHost
HostPapa$ 19.9930天輕松賺錢 HostPapa
InMotion Hosting$ 17.9990天輕松賺錢 InMotion
InterServer$ 6.0030天輕松賺錢 InterServer
  LiquidWeb$ 15.0030天輕松賺錢 LiquidWeb
ScalaHosting$ 9.9530天輕松賺錢 ScalaHosting
TMD Hosting$ 19.9730天進軍TMD Hosting

 2. 使用更快的 DNS 提供商  

什麼是域名系統 (DNS)?

域名系統(DNS) 是互聯網的通訊錄。 每當用戶在他/她的瀏覽器中輸入網站域時,例如 – google.com,DNS 都會幫助定位域名的 IP 地址,以便瀏覽器可以加載該網站。

DNS 如何影響您的網站性能?

提供商的 DNS 響應速度差異。 例如, Cloudflare 11.68年2022月DNS定時為90ms; 相比之下,RackSpace DNS 查找在測試中花費了 XNUMX 多毫秒(來源: PerfOps 的 DNSPerf).

你在哪裡 購買你的域名 不同的域名服務有不同的性能。 DNS 解析需要時間,而且由於它適用於硬件,因此響應速度可能會有所不同。 

在你對此嗤之以鼻之前,請注意性能差異可能非常顯著。 例如,在哪裡 Cloudflare 在不到 15 毫秒的時間內解決,一些提供商可能需要十倍的時間。

如何檢查您的 DNS 速度

要檢查您的域名服務器性能,您可以使用類似的工具 網站24×7. 使用您的域名運行它,它會讓您知道您的域名服務器響應查詢需要多長時間。 如果它太高,您可能需要考慮更改名稱服務器。 這並不難做到。

切換名稱服務器以提高速度

更改您的域名服務器地址非常容易。
更改您的域名服務器地址非常容易。

您可以選擇免費和付費的域名服務器。 並非所有付費選項都一定更好。 舉個例子 Cloudflare. 即使對於免費帳戶,它們也是域名解析速度最快的之一。

然而,選擇權在你。 您首先需要做的是使用您選擇的新名稱服務器進行註冊。 這將為您提供一對名稱服務器地址,您需要用它們替換現有的地址。

為此,您需要登錄您購買域名的系統。 其中大多數都有一個簡單的儀表板供您更改名稱服務器。 在下面的示例中,我將展示 NameCheap 系統。

  1. 在您的帳戶儀表板中,查找管理您的域名的選項。
  2. 在名稱服務器下,尋找添加自定義 DNS 的選項
  3. 輸入新名稱服務器服務提供的地址
  4. 您必須輸入提供的兩個地址

完成此操作後,通常將通過新名稱服務器的儀表板來管理您的域名記錄。 給新的名稱服務器時間安頓下來(24 到 48 小時就好)。

一旦結束,您可以再次重新測試您的 DNS 解析速度,看看是否有任何改進。 如果一開始您沒有看到改進,請給它更多時間。

 3. 積極緩存  

Web 緩存的工作原理(來源: Kinsta).

緩存可幫助您預加載靜態文件,以便更快地提供它們。 緩存不是在每次請求時都加載文件,而是通過在用戶瀏覽器上存儲一些文件來加快進程。 這不僅可以提高性能,還可以幫助減少 Web 服務器上的資源負載。 

並非所有的 Web 服務器都是平等的,有些服務器比其他服務器處理緩存更好。 為獲得最佳性能,請選擇提供 NGINX 或清漆。 其中的一些例子是:

  • Cloudways,它與 NGINX 具有負載平衡和緩存,
  • A2 Hosting,它已經使用他們的 VPS 計劃預先配置了 Varnish,並且
  • Kinsta,它為客戶端處理服務器緩存中的所有內容。

此外,如果您正在運行 WordPress 網站,有很多方便的 WordPress 免費提供緩存插件. 技術知識很少的用戶可以優化他們的 WordPress 使用這些插件只需點擊幾下即可訪問網站。

 4. 使用 HTTP/2  

HTTP/2 與 HTTP/1
與 HTTP/2 相比,HTTP/1 具有各種改進,可以更快地交付包並改善用戶體驗(來源: Imperva的).

這是所有網站所有者都應該注意的有用功能之一。 HTTP/2 啟用了多路復用,這意味著文件可以同時發送給用戶,而不是一次一個。 這有助於加載過程。

不幸的是,並非所有的網絡託管計劃都啟用了 HTTP/2,並且一些網絡主機只提供更昂貴的計劃。 解決此問題的一種方法是使用 Cloudflare,它可以為所有站點啟用 HTTP/2。

 5。 遵循KISS原則 

這不是大多數網絡專家通常教授的東西,但我發現它在很多方面都非常有用。 KISS 是“保持簡單,愚蠢”的首字母縮寫。 它是由 1960 年代的一些聰明人創造的,他們強調簡單系統的效率。

根據經驗,我發現這幾乎適用於生活中的一切 – 甚至在建立網站時也是如此。 通過避免過於復雜的實施和設計,您將從一個快速,更重要,易於管理和維護的站點中受益。

設計與視覺

By keeping your design and visual simple, what I mean is mainly in the form of reducing overhead. A site heavy in massive, breath-taking images and stunning videos is likely to load as quickly as a sloth on a bad day. Keep it neat and tidy and try to split your video and image loading across various pages.

代碼和插件

WordPress 是一件很棒的事情,因為它是高度模塊化的,而且使用起來非常簡單。 不管你想做什麼,很可能有人已經 已經設計了一個插件.

聽起來很令人興奮,但請注意不要讓您的網站使用插件過載。 請記住,每個插件都是由不同的人(也可能是不同的公司)設計的。 他們的目的是實現特定目標,而不是簡化您的網站速度。

如果可以,請避免使用您可以自己管理的東西的插件。 以一個插件為例,它可以幫助您在文本中插入表格。 您可以輕鬆學習一些基礎知識 HTML代碼 繪製表格而不必為此使用插件,對嗎?

某些單獨的插件可能會顯著降低您的網站速度,因此請確保每次安裝新插件時都要進行速度測試!

 6.啟用gzip壓縮 

儘管網頁通常已經很小,但在發送之前對其進行壓縮仍然可以提高您的網站性能。 如果您聽說過圖像壓縮或歸檔(ZIP 或 RAR),那麼您可能會熟悉 gzip 壓縮背後的理論。 這會壓縮您的網站代碼,從而將速度提升高達 300%(結果會有所不同)。

每種 Web 服務器類型,例如 Apache, LiteSpeedNGINX 以不同方式處理 gzip 壓縮。 或者,您也可以將以下代碼添加到您的 .htaccess 文件來壓縮您的網絡文件。

# 壓縮 HTML、CSS、JavaScript、文本、XML 和字體 AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/ opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEF LATE 文本/純 AddOutputFilterByType DEFLATE 文本/xml

 7.使用內容交付網絡(CDN) 

CDN 的工作原理
單一服務器分發(左)——您的 Web 文件從單一位置提供。 另一方面,在 CDN(右)上,您的 Web 文件是從離您的用戶最近的服務器提供的。

CDN 的工作原理

內容傳遞網絡是服務器網絡,其基於網絡的地理位置向用戶傳遞網頁和其他內容。 換句話說,它有助於減少遠程服務器響應最終用戶請求的數據所花費的時間。

通常,它會將存儲在最近的服務器上的靜態內容捕獲到用戶的地理位置。 隨著數據行進的距離減小,交付時間(或加載速度)提高。

使用CDN可以幫助您更快地提供網頁,並提高加載速度,無論您的訪問者來自何處。

如果你是一個小網站的所有者,那麼 Cloudflare 有一個可以使用的免費選項,效果很好。 企業和大型網站必須付費才能獲得更好的計劃,但考慮到 CDN 的好處,它值得付出代價!

其他需要考慮的 CDN 服務包括: 石灰光, KeyCDN

 8.優化圖像 

雖然通常很大,但可以優化 Web 使用的圖像以幫助保持其尺寸更易於管理。 這通常是通過調整圖像質量來完成的,因為您通常不需要出色的網絡圖像清晰度。 

有免費的在線工具,例如 Optimizilla 您可以使用它來執行此操作,或者您可以選擇 圖片 優化插件 如果您正在使用 WordPress. 大多數圖像優化工具都可以讓您微調圖像的分辨率細節,以便您可以逐漸調低它。 對於未經訓練的人來說,它們看起來幾乎相同,但尺寸要小得多。

優化與未優化的圖像
示例 – 這些是在高清圖像區域中放大的(左)。 原圖為 2.3MB,優化後縮小為 331kb。

 9. 壓縮代碼 

今天的網站充斥著 Javascript 和 CSS 文件是很常見的。 為了進一步微調您的網站,甚至您的代碼也可以通過稱為縮小的過程進行優化。 這通過從現有代碼中刪除空格或不必要的字符來將文件大小縮減到最小。

同樣,您可以使用一些工具,例如 Minifier. 一句警告的話。 代碼縮小通常使人類很難閱讀,所以如果你正在做你的所有網站 編碼 手動,這將是需要考慮的事情。

代碼縮小以加快網站速度
縮小可能會導致您的代碼看起來混亂 – 不要驚慌! 這個是正常的。

 10.減少重定向 

通常,瀏覽器接受各種形式的地址,這些地址又由服務器轉換為公認的官方地址。 舉個例子 www.example.com 和example.com。 兩者都可以訪問同一站點,但需要您的服務器將其重定向到官方認可的地址。

這重定向需要一些時間和資源,所以你的目標是確保您的網站能夠通過不超過一個重定向更是可達的。 用這個 重定向映射器 看你是否正確行事。

鑑於執行此操作的複雜性以及持續進行的時間,這是我建議使用類似插件的一次 重定向.

 測試您的網站速度 

您可以對網站進行廣泛的調整以加快加載速度。 有些可能就像切換選項一樣簡單,而另一些則涉及更多。 不過,如果您要考慮所有這些,則可能需要一些時間。

最好是採用緩慢,漸進的方法來提高性能,而不是立即進行所有更改。 與任何基於技術的產品一樣,有可能出現問題。

如果您隨時間實施更改並與測試一起進行記錄,則可以更輕鬆地識別所做的任何更改,這些更改可能導致您的站點不可用或崩潰。 相信我-它最終會發生。

網站速度測試工具

通過使用站點速度測試儀,您將能夠了解當前站點的優化程度。

要開始使用,請先測試網站的加載速度。 一些推薦的工具是:

  • WebPageTest:從運行常見操作系統的真實瀏覽器中收集網頁性能。
  • Pingdom的:幫助分析和發現網站性能的瓶頸。
  • GTmetrix:分析並提供有關優化網頁速度的最佳方式的可操作見解。
  • Bitcatcha:檢查八個國家/地區的網站速度。

更多選擇—— 查看這些免費的網站速度測試工具

 網站速度——多快才算快? 

谷歌 PageSpeed 洞察
Google PageSpeed Insight是搜索巨頭如何看待您網站效果的良好基準。

除了訪問者體驗之外,您的網站速度和正常運行時間性能也會影響您在搜索排名中的知名度。 由於搜索之王是 Google,這就是您要瞄準的欄。 據他們說,40% 的訪問者會離開一個加載時間超過 XNUMX 秒的頁面(來源)。 的用戶 電子商務 對網站性能不滿意的平台也不太可能再次從這些網站購買。 

不幸的是,許多網站仍然沒有達到這個基準。 事實上,我測量過一些加載時間長達 3 或 4 分鐘的網站,令人震驚。

最後的想法:更快的網站讓每個人都開心

今天的寬帶速度,即使在移動設備上,也增加了很多,而且還會增加。 這意味著網站所有者很少有理由讓他們的訪問者放置緩慢加載的網站。

相信我,你會不斷失去訪客,並且在某一點上,獲得如此糟糕的聲譽,你會被稱為“哦, 動議 網站”。 如果你在一個 網上業務,這使情況變得更糟,因為您將殺死自己的金鵝。

雖然我提供上述8提示是絕不是全部和最終所有的,它應該給你一個起點和如何管理的事情更好一點的一些想法。 立即加速您的網站,留住您的客戶或訪客。

不要最終成為 動議 網站。

閱讀更多

作者照片

作者:Jerry Low