如果您還記得撥號上網的日子,您可能還記得等待網站加載的痛苦。等待幾分鐘才能完成頁面加載的情況并不少見,尤其是當頁面具有大圖像時。視頻流甚至更糟。除非您是一個非常有耐心的人,否則您將因無奈而關閉許多頁面。
在過去的幾十年中,互聯網發展了很多。一件事情沒有改變:Web用戶仍然對網站加載時間太長或在任務執行中凍結的時間缺乏耐心。實際上,研究表明,頁面加載時間會嚴重影響人們的網絡使用率以及您網站的轉化率。
例如,兩秒鐘內加載的頁面的平均跳出率為9%,而五秒鐘加載的頁面的跳出率為38%。網站在五秒鐘內平均負載長70%的會議 -translating更多轉化。實際上,加載時間僅有100毫秒的延遲會導致轉換率下降7%。
除此之外,百度還確認頁面加載時間在搜索排名中占有重要地位,而緩慢的加載時間“可能會對您的業務指標產生嚴重的負面影響”。它還會影響您的質量得分,這可能會影響廣告排名和廣告策略的總體費用。盡管百度對這些排名因素的加權方式一無所知,但很顯然,如果您想運行成功的SEO / SEM策略,則不能忽略頁面速度。
顯然,速度對網站及其用戶至關重要。緩慢的網站可以做什么以加快速度?讓我們看一下網站減速的一些最常見原因,以及如何解決它們。
1.圖片
無論您是講視覺故事,展示新產品,還是只是試圖破壞一些復制品,醒目的圖像都是想要給人留下深刻印象的網站的必要條件。許多網站由于低估了圖像對頁面加載速度的影響而惹上麻煩。
1.1)尺寸
圖像的理想大小取決于站點和內容。通常,圖像文件沒有理由大于1MB。較大的任何內容都會明顯降低頁面加載速度。
您可以執行的操作:在將圖像加載到瀏覽器之前調整圖像的大小。如果您的圖片最終以200x300px的大小顯示,則原始文件應與這些尺寸匹配。這將大大縮短圖像加載時間,并有助于提高整個頁面的速度。
1.2)解析度
看起來似乎違反直覺,但存在圖像質量過高的問題。高分辨率圖像是印刷出版物的標準,但是該規則不適用于大多數筆記本電腦和智能手機屏幕。
您可以做什么:幾乎所有屏幕都在72 – 100 PPI(每英寸像素)范圍內。圖像不必超出該分辨率即可在網絡上看起來高質量。通過替換那些緩慢加載的高分辨率圖像,您可以提供更快,更有效的網站體驗,同時仍保留所需的高質量外觀。
2.格式
并非所有文件格式都是一樣創建的。.PNG和.JPG圖像文件都存在情況。通常,較小的,更壓縮的.JPG格式對于希望最大程度地增加加載時間的網站更可取。還有一種甚至更小的格式,稱為WebP。
您可以做什么:這很簡單。盡可能選擇文件大小最小的格式,以減小圖像尺寸并加快頁面速度。
2.1)動態影像
放置良好的GIF可能是吸引注意力并為頁面增加一點視覺效果的好方法。但是,一頁上的GIF過多會嚴重影響您的網站速度。對于過大且過時的Flash文件也是如此。
您可以做什么:為了保持網站速度,請盡量使用GIF,如果可以幫助,請完全避免使用Flash文件。
3.后端注意事項
圖片問題可能是造成網站速度下降的最常見原因,但并不是唯一需要注意的問題。有幾個常見的后端問題會對加載時間產生負面影響。
3.1)HTTP請求
每次有人訪問您網站上的頁面時,他們的瀏覽器都會向您的服務器發送一個HTTP請求。太多的這些請求一次導致您的網站加載緩慢。從編碼不正確的JavaScript到第三方嵌入到上述超大圖像文件中的任何內容,都可能在HTTP請求中造成重大問題。
您可以做什么:將HTTP請求的數量保持在最低限度和/或通過內容分發網絡(CDN)分發。當在一臺服務器上發送太多請求時,它可能會淹沒它。將多個請求發送到根據訪問者的位置進行地理分布的各種服務器,可以大大減少加載時間。
3.2)編碼
您可能很清楚,一段糟糕的代碼實際上可能會破壞您的網站。但是,草率的編碼也會造成一些不太明顯的破壞。從過多的空白到多個樣式表的所有內容都會對頁面負載產生負面影響,因此,注意細節至關重要。
您可以做什么:您可以使用工具壓縮CSS和JavaScript文件,這將有助于空格。此外,請密切注意外部插件和腳本之類的東西,這些東西會降低站點性能,甚至使訪問者安全受到威脅。首先,請仔細編碼!或雇用聲譽卓著的人來保持代碼的清潔和功能。
3.3)快取
如果不進行緩存,則每次訪問者訪問網站時,您的網站都必須重新加載網站上的所有數據。緩存是理所當然的,應該更加廣泛地使用。從本質上講,它涉及存儲關鍵數據點,以便它們以及您站點的其余部分更快地加載。
您可以做什么:查看瀏覽器端緩存和服務器端緩存。兩種方法都可以加快您的網站速度。
為什么重要
您的網站是您擁有的最重要的接觸點之一。一個好的網站可以增進信任,建立人際關系,是的,可以提高您的利潤??紤]到將近一半的Web用戶表示他們將放棄需要花費10秒鐘或更長時間才能加載的頁面,因此,要使您的網站步入快速軌道,需要付出很多努力。
就是說,網站是一個脆弱的生態系統,通常很難確定造成問題的任何原因。通過解決這些常見的問題,您很有可能明顯加快網站的速度。