他們說,統計數據可以用來證明任何事情,這表明數字和數據仍然容易受到創造性旋轉藝術的影響。
但是,當談到提高網站速度的重要性時,統計數字是無可辯駁的。例如,頁面加載時間延遲一秒鐘會導致頁面瀏覽量下降11%,客戶滿意度下降16%,這是驚人的。
不僅如此,而且幾乎所有Web用戶中的一半還將放棄加載時間超過三秒鐘的網頁,同時他們還希望網站在兩秒鐘或更短的時間內打開。
考慮到這些要點,顯然迫切需要優化網站及其各個目標頁面的速度。在本文中,我們將討論五個步驟,這些步驟可以幫助您實現此目標并在客戶之間建立更大的忠誠度。
1.優化圖像
圖像的大小,格式和src屬性為開發人員提供了重點關注的區域,它們可能會嚴重影響頁面的緩慢加載。
我們從大小開始,因為它有理由推斷過大的圖像需要更長的時間才能加載。因此,應確保根據頁面的像素寬度將圖像裁剪為正確的尺寸。如果您的網頁是570像素寬,那么為避免任何不必要的加載問題,您合并的所有圖像都必須適合在其中。
進行格式化時,應盡可能上傳JPEG圖像。這樣可以確保與所有活動瀏覽器兼容,而不是較舊版本的Internet Explorer可能不完全支持的PNG文件。
最后,您需要注意該scr屬性并確保正確記錄該屬性。這是圖像HTML代碼的一部分,如果沒有列出的源代碼,瀏覽器將向其顯示目標網頁的目錄發出請求。這會使您的服務器負擔不必要的流量,并導致加載時間大大降低。
2.優先考慮首屏內容
根據您的網站或業務的性質,您可能需要提供許多大圖像文件或GIF之類的格式。在這種情況下,重要的是要優先考慮折疊內容,并確??焖偌虞d(即使頁面上的剩余內容需要更長的時間)。
這樣至少可以盡可能優化用戶體驗,同時確保潛在客戶可以使用一些初始標題副本或簡潔的號召性用語(CTA)。
這可以通過優化CSS投放來完成,CSS投放可以確定各個目標網頁的結構。請記住,網站由幾個獨立元素組成,CSS將這些元素組合在一起以建立每個頁面的布局和樣式要求。
CSS使用的數據可以內聯方式訪問(將信息直接插入HTML文檔中),也可以通過外部文件訪問。因此,您可以考慮將CSS分為兩個不同的部分,并使用內聯功能對位于首屏上方的內容進行樣式設置,然后再從外部進行管理。
3.使用可緩存的重定向
隨著百度更改其算法以支持移動優先網頁,許多品牌選擇為移動用戶創建重定向,因此他們只能看到針對移動屏幕構建的頁面。
這是一個可靠的策略,但前提是您要生成可緩存的重定向,從而增加頁面加載時間。
這可以對頁面加載時間產生明顯的影響,但請記住將User-Agent與Cache-Control結合使用。這樣可以確保僅重定向來自移動設備的訪問者,從而防止您的服務被突然的不必要的流量所淹沒。
4.利用內容分發網絡(CDN)
如果您不熟悉內容交付網絡(或您和我的CDN),則表示代理服務和附屬數據中心的地理分布網絡,旨在優化存儲資產的可用性和性能。
通過在CDN上加載靜態內容,您可以利用快速加載的服務器網絡,并大大減少您自己的資源上的負擔。這可能會立即影響各個頁面的加載時間,而如果您的站點上有大量頁面或需要保存大量數據集,則這是一個理想的解決方案。
5.清理代碼
如果您曾經使用過所見即所得的資源,您將知道這簡化了構建網頁的過程。這在某些方面具有極大的吸引力,但應注意,這些資源有時會創建混亂的代碼,從而大大降低您的網站速度。
這與以下事實密切相關:每個代碼段都會增加頁面的大小,因此消除了不必要的換行符,空格和縮進,可以創建一個精簡的網站,從而以更快的速度和更高的效率加載。
百度將此過程稱為縮小過程,在此過程中,所有不必要的源代碼字符都將被刪除,而不會對該網站的功能造成負面影響。
通過執行以下步驟,您可以采取小而重要的步驟來縮短網站的加載時間并提高其吸引訪問者的能力。隨著時間的流逝,這將轉化為更高的轉化率,同時更容易建立忠誠和滿意的消費者基礎。