在前景反彈之前提高頁面加載時間的 10 種方法
已發表: 2016-11-06目錄
- 1 1. 清理代碼
- 2 2. 縮小 HTML 和 CSS
- 3 3. 使用 GZip 壓縮
- 4 4. 最小化重定向
- 5 5. 重定位腳本
- 6 6. 限制 WordPress 插件
- 7 7. 調整圖像大小
- 8 8. 壓縮圖像
- 9 9. 使用 CDN 交付圖像
- 10 10. 外部託管
- 11結論
創建了一個具有令人愉快的英雄形象和有影響力的標題的一流網站,建立了良好的社會證明可信度——但窺視並沒有轉化……
可能是因為最大的轉換殺手潛伏在幕後。 通常,頁面速度對您網站的轉化率的影響比任何其他因素都大。
您的網站速度真的會對您的銷售產生如此大的影響嗎?
頁面速度的影響
網站速度很重要……
快速加載的網站在各個方面看起來和表現都更好:良好的用戶體驗、更好的參與度、更高的轉化率,甚至更高的搜索排名。 雖然有些人認為頁面加載時間不是唯一的強排名信號,但它是一個對包括銷售和收入在內的其他重要因素產生巨大影響的指標。
幾年前,由於 0.5 秒的延遲,谷歌的流量下降了。 今天,如果一個電子商務頁面在 3 秒內無法加載,它可能會損失大約一半的流量。 這就是為什麼一些最受歡迎的在線品牌現在可以在不到一秒的時間內加載的原因。
今天,移動互聯網的使用速度超過了桌面,並且轉換不僅限於一個特定的頁面。 儘管您有一個非常好的標題,價值主張足夠清晰,您有一個具有社會信譽的漂亮網頁 - 但如果該頁面沒有良好的加載時間,那麼您將不會獲得著陸頁轉換。
您可以使用以下 10 種簡單方法來加快網站的頁面加載時間並避免潛在客戶跳出:
1.清理代碼
整潔和有據可查的代碼不僅是開發人員的首要任務,它也使頁面加載速度更快。 最小化站點文件的大小和縮進、換行、多餘的空格和多餘的標籤等小問題會極大地損害您的頁面加載時間。
是的,JavaScript 文件是一種在屏幕周圍添加吸引人的小東西的有趣方式,但很多時候,它對登錄頁面非常有害。 AJAX 和其他一些類似的奢侈也是如此。
但是,如果您已準備好添加這些寶貴的腳本,請確保至少首先加載首屏內容。 您可以使用各種工具檢查頁面的 JavaScript 是如何加載的,然後根據需要優化頁面。
2. 縮小 HTML 和 CSS
通過最小化 HTML 和 CSS 代碼並減少請求潮流,您將能夠以最精簡的方式提供網頁數據。 檢查文件的最佳方式是使用 Google 的 PageSpeed Insights,只需輸入您的 URL 並將結果發送給可靠的開發人員。
3. 使用 GZip 壓縮
GZip 壓縮與內容編碼和最小化瀏覽器發出的服務器請求有關。 它可以幫助您減小文件大小以加快加載時間。 您可以使用 GIDNetwork 檢查您網站上的當前壓縮並獲得一些改進它的想法。
4.最小化重定向
標準的 SEO 做法是 301 重定向,用於告訴訪問者和搜索引擎該頁面已被永久刪除。 這是網站隨時間進行更改時使用的常見做法,它可以幫助您減少 404 錯誤和損壞的鏈接。
但是,過多的重定向也會對頁面速度產生負面影響。
5. 重定位腳本
腳本放置在影響加載時間方面起著重要作用。 例如,如果您的跟踪腳本位於著陸頁的頭部或折疊上方,您的瀏覽器將需要下載並處理這些腳本,然後才能訪問人們實際看到的頁面內容。
當不同的人在同一個頁面上工作時,重複的腳本是很常見的。 這可能會使事情變慢一點。
底線是簡化和最小化文件以減少服務器和瀏覽器之間的來回。
6.限制WordPress插件
是的,這似乎很容易! 如果您這麼認為,只需打開 WordPress 並查看您的團隊成員安裝了多少 WordPress 插件,用於社交共享和跟踪等常見事情。
如果您能正確診斷出哪些插件值得保留以及哪些需要刪除,您就會知道是否要添加哪些插件。 有一個插件 P3 (Plugin Performance Profiler) 可以測量您網站的插件性能並測量它們對頁面加載時間的影響。
通過使用此插件,您可以輕鬆了解安裝該插件後它將如何對您有用。
7.調整圖像大小
允許瀏覽器在每次加載頁面時將原始 1200 像素圖像的大小調整為 600 像素,乘以所有帖子和頁面的所有訪問量,會產生大量不必要的額外工作。 這確實會影響連接性較差且處理能力有限的移動設備。
理想的做法是在將圖像上傳到服務器之前調整它們的大小。 而且,如果看起來工作量太大,還有一個內置的 WordPress 工具可以幫助您調整圖像大小。 通過這樣做,您將能夠限制 Internet Explorer 等瀏覽器中的潛在錯誤。
8.壓縮圖像
調整圖像大小後,下一步應該是再次壓縮它們以減小文件大小。 這通常是一個被忽視的步驟,但優化您的圖像可以快速加快頁面加載時間,所以使用這個容易實現的目標來減少它們所需的空間和工作量。
有許多免費工具可用,例如compressor.io 或 TinyJPG,它們能夠顯著減小文件大小。
9. 使用 CDN 交付圖像
CloudFare 和 MaxCDN 等流行的內容交付網絡可以顯著提高高度可視化網站的性能。 此外,使用 CDN 交付您的圖像就像從靠近您網站訪問者的遠程服務器調用增援一樣。 這實際上意味著它將嘗試首先使用最近的一個,並最終減少將內容從服務器傳遞到用戶的 Web 瀏覽器所需的大量時間和精力。
10. 外部託管
這是另一個重要的選擇,可以將較大的文件(如音頻和視頻、圖像)從您的服務器上移走,並使用 Wistia 或 Imgur 等外部託管平台來存儲視頻。 這一點至關重要,因為人們正在大量採用富媒體,而在 2017 年,幾乎 70% 的網絡流量將是視頻。
正如我們已經看到圖像大小的影響,音頻和視頻等更大的文件應該在外部託管。 外部託管服務提供商不僅可以解決您的性能問題,還可以提供額外的好處,例如提高受眾範圍、參與度和轉化率。
結論
我們都知道,如果網站在 5 秒內沒有加載,訪問者就會離開您的網站。 這意味著,無論您利用何種最佳實踐來獲得這些轉化,人們都不會停留足夠長的時間來實際看到您的任何努力。
有一些基本的頁面速度改進,例如刪除不需要的插件和升級您的主機。 先進的技術包括縮小文件。 但有總比沒有好。
在實施所有這些更改時,這可能是一個耗時的過程,但這是讓您的目標網頁有更好的機會將潛在客戶轉化為客戶的最佳方式。