使您的網頁加載緩慢的隱藏因素 | 如何避免它們

已發表: 2019-12-28

您知道嗎,如果加載時間超過 4 秒,並且 46% 的用戶不會重新訪問性能不佳的網站,四分之一的訪問者會放棄該網站?

此外,研究表明,額外的兩秒加載時間可以將您的網站跳出率提高 103%。 由於只有 100 毫秒的額外加載時間,不僅會導致轉化率下降 7%。

頁面速度在整體網站性能的成功中起著至關重要的作用。 它會影響您網站的許多關鍵指標。 例如,您的網站可見性和您網站的轉化率就是其中兩個。

優化整個網站的速度是一項明確的要求,但弄清楚如何使其成為可能可能會很棘手。 這就是為什麼本文旨在找出隱藏的因素並對其進行適當的解決的原因。

在實施以下解決方案之前,您可以使用高質量的網站流量估算器估算您的網站流量,以獲得清晰的概念。 現在讓我們進入主要討論。

使您的網頁加載緩慢的因素

完成估算後,這意味著您了解網站性能的當前階段。 現在,在找到問題後,您可以開始優化影響網站速度的關鍵因素。 讓我們來看看導致您的網站變慢的主要因素。

1. 渲染阻塞 JavaScript

JavaScript 用於使您的網頁具有功能性和交互性,但這也可能會出現問題。 未優化的 JavaScript 會降低您的頁面加載能力。

渲染意味著加載,渲染阻塞意味著它盡可能快地阻止頁面加載。 當瀏覽器嘗試顯示網頁時,它必須停止; 在這種情況下,如果遇到要加載的任何 JavaScript 文件,這將阻礙頁面快速加載。

這稱為“阻止渲染的 JavaScript”,或者換句話說,阻止頁面加載速度更快的 JavaScript。

如何避免

要擺脫阻止渲染的 JavaScript,請刪除外部 JS 文件,並改用內聯 JavaScript。 使用異步加載,以便 JavaScript JS 可以單獨加載,而不會影響您的頁面速度。 您還可以在 JS 加載中使用 defer 屬性,直到頁面的其餘部分對用戶可見。

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

內容交付網絡 (CDN) 由位於不同地理位置的多個服務器組成。 使用 CDN,您可以在其中存儲站點數據的副本,並且您的數據將從最近的服務器加載給用戶。

如何避免

在 WordPress 中,您可以輕鬆解決問題。 這一次,你可以獲得Cloudflare、MaxCDN等一些優質插件,對於圖像和視頻,你可以使用Jetpack CDN。 此外,如果您的網站使用 jQuery,您可以在不使用服務器的情況下使用 CDN。

3.未優化的圖像

圖像大小和格式最重要。 大型且未經優化的圖像是減慢網站速度的主要原因之一。 此外,高分辨率圖像會佔用您網站的大量帶寬。

圖像格式是降低網站速度的另一個重要方面。 例如,JPEG 或 JPG 的大小比 PNG 或 GIF 等其他格式小得多。 這就是為什麼您在網站上使用 JPEG 格式以獲得更快的用戶體驗的原因。

如何避免

要解決此問題,請在將站點圖片上傳到您的網站之前檢查其文件大小。 刪除未優化的圖像,因為它們可能會花費您的帶寬覆蓋費用。 使用 JPEG 而不是使用 PNG 可能是一個很好的解決方案。 此外,您可以使用瀑布測試來掃描圖像大小以檢查其完美程度。

4.過多的華而不實的內容

雖然華麗的內容可以用來增加用戶之間的交互性,但有時它可能會導致您的網頁變慢。 其背後的主要原因是它體積龐大,阻礙了您的網站快速加載。

如何避免

您可以以平衡的方式減少 Flash 內容,這將提高您的網站速度。 但是,您應該尋找 HTML5 替代品並用它替換現有的 Flash 內容以獲得加載體驗。

5. 大量的 HTTP 請求

加載過多的 JavaScript、CSS 和圖像文件會創建過多的 HTTP 請求。 當用戶使用您的網站發送數據請求時,如果 HTTP 請求過多,通常需要花費時間來呈現數據。

如何避免

要解決此問題,您可以使用 Sprites 來減少 HTTP 請求。 盡可能消除圖像文件的數量。 您也可以縮小 CSS 和 JavaScript 文件。

6.使用輕量級插件和主題

主題是任何網站的核心組成部分,但如果您沒有選擇正確的主題來實現您的目的,它可能會成為一種負擔。 市場上有大量的主題。 所有主題都沒有保持相同的質量。 以無組織方式編碼的主題可能會導致加載緩慢的問題。

插件用於向某個網站添加不同的功能。 您可能需要使用不同類型的插件,例如聯繫表單生成器、WordPress 表格插件、SEO 插件等。 這是一件非常好的事情,但是當您的網站需要時間加載時會變得很麻煩。 未相應編碼的插件可能會導致加載緩慢的問題。

如何避免

為了擺脫這個問題,當你要選擇它們時,使用輕量級質量的主題和插件是明智的。 您將獲得許多優質的 WordPress 主題和插件,但您需要仔細確認它們。

7. 數據庫開銷

如果您的數據庫充滿了無關的項目,例如瞬態、日誌以及來自插件和主題的其他條目,這些條目可能會隨著時間的推移而創建。 這種類型的過多開銷會消耗不必要的數據庫。

甚至有時它可能會使 webserver 在等待數據庫響應時超時。

如何避免

通過消除開銷來優化數據庫是解決這個問題的一個很好的解決方案。 在這種情況下,大多數 Web 主機將讓您使用 phpMyAdmin 訪問您的數據庫。 如果您不習慣使用 phpMyAdmin,可以使用WordPress 命令行界面(WP-CLI)

8. 過於龐大的編碼

您使用代碼運行應用程序的次數越多,您的網站加載所需的時間就越長。 這意味著如果您的編碼結構包含不必要的元素,如字符和空格,則加載整個網站需要時間。

如何避免

通過刪除不必要的元素來縮小您正在使用的代碼。 如果您覺得手動縮小有困難,您可以使用像優化這樣的高質量插件來最小化所有文件。 不要偷懶使用內聯 CSS。

9. 展示太多廣告

的確,展示廣告是通過高流量網站獲利的好方法。 這可能會導致加載快速的網站出現問題。 例如,彈出式廣告、插頁式廣告和自動下載等富媒體廣告可能會創建數百個可能導致您的網站無響應的 HTTP 請求。

如何避免

首先,不要讓太多的廣告成為網站速度變慢的另一個原因。 確保您限制了展示廣告的數量,以確保您的網站獲得更好的性能。

10. 缺乏使用緩存技術

緩存意味著當用戶瀏覽您的網站時瀏覽器存儲靜態副本。 然後,當用戶再次訪問您的站點時,瀏覽器可以顯示這些緩存數據而無需重新加載。 過多的緩存數據可能是使您的網站變慢的原因之一。

如何避免

在 WordPress 中,市場上有許多解決緩存問題的可靠解決方案。 您還可以緩存一些重要的東西,如 HTTP、數據庫查詢等,但不要搞砸。

最後的話

加載快速的網站對於擁有更好的網站用戶體驗至關重要。 因為您網站的響應時間與其成敗息息相關。 最重要的是,良好的頁面速度取決於上面提到的各種因素。

很難確切地找到您的網站速度變慢的原因,但是非常需要衡量每一個可能的步驟並將其付諸行動。 您應該確保您的網站具有延遲加載時間,這可以提高 SEO 和 UX,以確保更好的可用性和更高的轉化率。

結論

消費者95%的決定都是在潛意識層面做出的。

Gerald Zaltman's – 哈佛商學院教授

因此,如果您的網頁速度不夠快,那麼其他一切最終都會受到影響。 每一秒都很重要,你不知道每一毫秒都會產生很大的不同。 通過遵循上述方面,您可以優化您的網站,以便以最佳方式加速。

我希望這篇文章能幫助您了解使您的網站變慢的因素以及如何精確地修復它們。 如果您還有什麼要與我們分享的,請在評論框中告訴我。


如果您還沒有訂閱我們的 YouTube 頻道,請訂閱我們的 YouTube 頻道以獲取與 WordPress 相關的提示和技巧。 另外,請在 Twitter 和 Facebook 上關注我們。 您還可以加入 Facebook 上流行的 Fluent Form 社區。