加快網站加載速度的 6 種方法

已發表: 2021-08-19

你的網站可能是世界上最漂亮的網站，但如果它需要很長時間才能加載，那對你沒有好處。面對現實吧。人們不耐煩，緩慢的網站會阻止潛在客戶完成購買。

當我去網上購物時，我希望頁面在最壞的情況下在 5-10 秒內加載。再長一點，我就會坐立不安，或者我乾脆離開商店。

當然，有些人可能比我更有耐心，但為什麼要冒險呢？謹慎行事，盡快讓您的企業網站上線。

照片由 Meddygarnet

但是，在開始之前，您需要確定的第一件事是足夠快嗎？您網站優化的程度在很大程度上取決於您的網絡訪問者的分析和人口統計數據。

例如，3 年前，當我和我的妻子首次推出我們的在線商店時，我們超過 35% 的客戶使用撥號。因此，我們不得不大幅削減我們的網站設計，以提供輕快的購物體驗，假設只有 56K 的下載率。

今天，只有 2% 的客戶在使用撥號（謝天謝地！），因此我們可以安全地添加更多多媒體內容而不會影響用戶體驗。

為了確定任何給定頁面的最大大小，我通常將 5 秒乘以我的網絡訪問者的加權平均帶寬。例如，如果我的大多數訪問者都使用 DSL，我可能會假設下載速度為 1Mbit，並決定 5Mbits 是任何給定網頁的最大尺寸。

這不是一門精確的科學。最終，您需要自己決定您的網站需要多快。

然而，在所有情況下，越快越好。正如我在上一篇文章中提到的，網站速度並不總是取決於您的虛擬主機。事實上，大多數時候，網站管理員應該為網站緩慢而不是服務器緩慢負責。本文將介紹一些有關如何加快速度的技巧。

使您的網站更快並不總是與剪切圖像和內容有關。有時，您可能完全喜歡您的網站，而且您真的不想改變任何東西。

如果是這種情況並且您的網站速度很慢，那麼通常您只需優先考慮頁面加載方式即可。

您希望用戶首先看到什麼？在大多數情況下，您的訪問者不會介意較慢的網站，只要重要的內容先加載然後絨毛結束即可。

例如，對於 MyWifeQuitHerJob.com，我總是確保在廣告出現之前首先彈出所有有趣的內容。這樣，如果廣告加載速度有點慢，就不會拖垮整個博客。

網頁總是按順序加載，因此您應該始終將要加載的內容放在頁面頂部，將最不重要的內容放在 html 文檔的末尾。

對於必須出現在頁面特定位置的元素，您可以使用 javascript 或 css 來控制加載順序。

例如，即使我的 728×90 排行榜廣告出現在 MyWifeQuitHerJob.com 的最頂部，我還是通過執行以下步驟確保它最後加載。

我創建了一個空的 <div id=”banner728″> 廣告應該在的地方，我將它的 id 設置為“banner728”。這有效地創建了一個空白佔位符，我以後可以使用 javascript 加載它
在頁面的最後，我包含以下 javascript 代碼段
<腳本類型=”文本/javascript”>
document.getElementById(“banner728”).innerHTML = “所需的廣告橫幅代碼”;
</腳本>
這段代碼找到了我在上面設置的佔位符“banner728”，並將廣告橫幅插入到 <div> 中。因為此腳本位於文件的最後，所以它在其他所有內容之後最後加載。

我看到許多新手犯的一個常見錯誤是依賴 html 來縮小和調整圖像大小。雖然這種技術有效並且看起來無害，但它絕對會扼殺您網站的性能。

原因是因為即使您只顯示小得多的圖像，也必須在顯示之前加載整個原始圖像。

為了防止自己落入這個陷阱，請確保在將圖像顯示在您的網站上之前花時間將其縮小到所需的尺寸。不要只是直接從數碼相機中提取圖像。

在計算機顯示器上查看獨立圖像時，人眼對圖像質量的容忍度要高得多。因此，您可以為您的網站使用質量低得多的圖像。

在將圖像顯示在頁面上之前，請確保盡可能多地優化和縮小圖像。我經常使用 Photoshop 為我網站上的圖像選擇 50% 或更低的 JPEG 質量。

如果您使用 GIFS，請確保您使用的調色板沒有超出您的實際需要。如果您只能使用 16 種顏色，那麼請選擇只有 16 種顏色的 GIF。

分析您的所有 GIFS 以確保沒有任何顏色插槽被重複項浪費。

除非您在一組強大的服務器上託管您的網站，否則豐富的多媒體內容會使您的網站緩慢爬行。一般來說，在第三方服務上託管您的視頻和更大的文件要經濟得多，該服務具有更強大的基礎設施，可以更好地支持流媒體。

例如，與其在您自己的服務器上託管視頻，不如使用 YouTube 或 Vimeo？如果您想擁有自己製作的內容，您還可以付費使用亞馬遜的 S3 等服務。將高帶寬內容留給大男孩。

每當您盜鏈圖像或利用託管在另一台服務器上的代碼時，您都將網站的速度置於危險之中。如果第三方服務器運行緩慢或宕機，它也可能會關閉您自己的網站，因此盡量減少使用 3rd 方代碼非常重要。

此外，每次您的站點訪問第三方服務器時，都必須進行 DNS 查找，這可能需要相當長的時間，具體取決於網絡擁塞情況。

幾百毫秒的延遲可能看起來並不多，但如果您從 10 個不同的服務器中提取代碼，這些查找可能會增加幾秒的延遲。

大多數網站都是文本，文本壓縮得非常好。這就是為什麼如果您在服務器上啟用壓縮，您可以將下載時間減少多達 75%。

不幸的是，並非所有共享虛擬主機都在其服務器上啟用了壓縮。如果您的網站位於共享虛擬主機上，請務必詢問他們的服務器是否支持 mod_deflate 或 mod_gzip。

如果您的服務器支持壓縮，請確保按照本文中概述的步驟在您的網站上啟用它。如果您使用 WordPress，WP-SuperCache 插件已經為您處理壓縮。

除了壓縮之外，您還可以通過緩存網站上經常訪問的頁面來加速您的網站。對於我們的在線商店，我實際上更進一步，為不經常更改的流量大的網頁創建靜態頁面。

很有可能，外面的某個人可能會在比您自己的連接速度慢得多的連接上查看您的網站。而且您始終需要考慮最小公分母，以最大限度地發揮在線業務的利潤潛力。

看到我們的在線商店仍然有撥號客戶，我感到非常震驚！如果我還有它們，那麼你也可以。