[ad_1]
頁面速度 是當今數字營銷的關鍵因素。它對以下方面具有重大影響:
- 訪客停留在您網站上的時間。
- 其中有多少可以轉化為付費客戶。
- 在付費搜索中,您按CPC支付的費用。
- 您在自然搜索中的排名。
不幸的是,大多數網站在頁面速度方面的表現很差,這對其收入產生直接的負面影響。
身為數位行銷人員,我們幾乎可以花很多時間做很多事情,而且沒有足夠的時間來完成所有這些工作。結果,一些東西被推到了後燃器上。
最常被推遲的事情之一是優化頁面速度。這很容易理解,因為大多數人並沒有真正理解這個經常被忽略的細節的重要性,因此他們看不到花費時間和金錢將其改進幾秒鐘或更短的時間的價值。
對於某些營銷人員而言,包括那些只專註於搜索引擎優化的營銷人員而言,似乎沒有多少時間,這已經被行業巨頭一直一直到我們自己的分析數據的數據證明是巨大的。
我會假設您和我一樣,並且想要最大程度地提高業績,當然也要提高收入,對嗎?然後,讓我們開始讓您的網站快上油嘴! (那是很視覺的,不是嗎?)
1.放棄Budget虛擬主機
如今,我們都在努力省錢,畢竟,對Raven,SEMrush,Moz以及我們每天使用的所有其他工具的訂閱很快就會增加。這幾乎就像生一個小孩。
許多人試圖省錢的一種方法是選擇便宜的共享 託管 它將儘可能多的網站塞入伺服器中,就像一堆小丑堆在一輛汽車上一樣。表現該死!
當然,您的網站在大多數時間都可以像大多數網路主機一樣使用,但是載入速度如此之慢,以至於您的訪問者會感到沮喪,而從未轉化為購買者。
這些討價還價的購物者堅持認為:「但是,這幾乎沒有引起注意!」
這就是事情-您可能幾乎不會注意到它,因為它是您的孩子,您喜歡它。
但是其他所有人只希望儘快進入和退出您的網站。
人們想要在您的網站上停留足夠長的時間來完成自己想做的事情,無論是要獲得答案,購買產品還是其他特定目標。如果您放慢腳步,他們很可能會討厭他們的經歷,離開而不會converting依。
像這樣思考:
大多數人無條件地愛自己的孩子。但是其他人的孩子尖叫,扔東西,打擾他們在餐廳過夜的情況?他們討厭那個孩子。您的網站也是如此。
真的有多大的不同?
根據一項研究 亞馬孫,僅相差100毫秒(人類甚至無法感知的時間單位)就足以將其銷售量減少1%。 沃爾瑪 發現相似的結果。
如果那微小的時間單位對銷售有那麼大的直接影響,那麼您認為額外一秒鐘或更長時間會對您產生什麼樣的影響?
但這並不止於此,因為您網站載入的速度(或緩慢)也會影響自然搜索排名和每次點擊費用。
換句話說,如果您的網站載入緩慢,則您應該期望在這一關鍵領域進行投資的競爭對手能吃到午餐。
底線:跳過預算虛擬主機。如果他們像商品一樣銷售商品(主要基於價格),那麼他們也將客戶視為商品。
有許多針對速度進行了優化的Web主機,特別是針對WordPress網站,並且其中一些的價格與預算選項相似。
因此,四處詢問,進行一些測試並投資於一個虛擬主機,它將使您的性能滿足您的訪問者和Google的需求。
2.減少HTTP呼叫
網頁呈現和運行所需的每個文件(例如HTML,CSS,JavaScript,圖像和字體)都需要單獨的HTTP請求。發出的請求越多,該頁面的載入速度就越慢。
現在,如果您和大多數與我交談的人一樣,您可能會想:「哦,我不需要為此擔心,傑里米。我知道自己在做什麼,並且不會在我的網站中添加一堆of腫的垃圾!」
這可能是部分正確的。您可能不會在您的網站上添加一堆garbage腫的垃圾,但是對於我所遇到的90%以上的網站來說,它仍然存在。
那種膨脹並不存在,因為膨脹的妖精在睡覺時把它吸了進去。之所以會出現這種情況,是因為大多數Web設計師,無論技能或經驗如何,都不以頁面速度為優先。可悲的事實是,大多數人甚至都不知道如何做。
問題從這裡開始:
大多數主題載入一個或多個CSS文件和幾個JavaScript文件。諸如Jquery或FontAwesome之類的某些文件通常是從另一台伺服器遠程載入的,這大大增加了頁面載入的時間。
當您考慮插件添加的其他CSS和JavaScript文件時,這甚至會變得更加棘手。僅來自CSS和JavaScript文件的六個或更多HTTP請求就很容易結束。
當您將頁面上的所有圖像都考慮在內時,每個圖像都需要單獨的HTTP請求,因此很快就會失去控制。
- 將JavaScript文件合併為一個文件。
- 將CSS文件合併為一個文件。
- 減少或消除載入自己的JavaScript和/或CSS文件的插件。在某些情況下,與重力形式一樣,您可以選擇禁用它們。
- 將精靈用於經常使用的圖像。
- 儘可能使用FontAwesome或Ionic Icons之類的字體代替圖像文件,因為這樣一來,僅需載入一個文件。
3.包括尾斜杠
不管是從外部來源(鏈接構建工作)還是從您自己的網站內部指向網站的鏈接,都不要在末尾加斜線,這會對速度產生不利影響。
就是這樣:
當您訪問不帶斜杠的URL時,Web伺服器將查找具有該名稱的文件。如果找不到具有該名稱的文件,則將其視為目錄,並在該目錄中查找默認文件。
換句話說,通過省略斜杠,您將強制伺服器執行不必要的301重定向。雖然它對您來說似乎是瞬間的,但它確實需要花費更長的時間,而且正如我們已經確定的那樣,一點點累加起來。
https://example.com(不好)
要麼
https://example.com/services(這也很糟糕)
與
https://example.com/(很好)
要麼
https://example.com/services/(這也很好)
4.啟用壓縮
啟用GZIP壓縮可以大大減少下載HTML,CSS,JavaScript文件所需的時間,因為它們下載的壓縮量要小得多,然後一旦到達瀏覽器便被解壓縮。
不用擔心-您的訪問者無需執行任何其他操作,因為所有現代瀏覽器都支持GZIP,並且已經為所有HTTP請求自動處理了它。
5.啟用瀏覽器緩存
啟用瀏覽器緩存後,網頁的元素將存儲在訪問者的瀏覽器中,因此下次訪問您的網站時,或者當他們訪問另一個頁面時,他們的瀏覽器可以載入頁面,而無需向伺服器發送另一個HTTP請求以供訪問任何緩存的元素。
載入第一頁並將其元素存儲在用戶的緩存中後,只需在後續頁面上下載新元素即可。這樣可以大大減少典型瀏覽會話中需要下載的文件數量。
6.盡量減少資源
最小化CSS和JavaScript文件可消除不必要的空格和注釋,以減小文件大小,從而減少下載時間。
幸運的是,這不必手動進行,因為可以在線使用多種工具來將文件轉換為更小的縮小版本。
WordPress還提供了幾個插件,這些插件將其常規版本的CSS和JavaScript文件的縮小版本替換為您網站標題中的鏈接,而無需修改您的原始文件,包括流行的緩存插件,例如:
- W3總緩存
- WP超級緩存
- WP火箭
正確設置可能需要一些努力,因為縮小常常會破壞CSS和JavaScript,因此,一旦縮小所有內容,請務必徹底測試您的網站。
7.優先處理首屏內容
如果您的網站經過編碼以優先考慮首屏內容(換句話說,即在訪問者滾動之前可見的內容),那麼它可能會加快訪問者的訪問速度。
這意味著要確保出現在摺疊上方的所有元素也都位於HTML代碼的開頭附近,以便瀏覽器可以先下載並呈現它們。
同樣重要的是,包括以內聯方式而不是外部CSS文件中呈現該區域所需的所有CSS和JavaScript。
8.優化媒體文件
因為帶有高質量相機的移動設備是常見的,而諸如WordPress之類的現代內容管理系統使上傳圖像變得很方便,所以許多人只是拍攝並上傳照片而沒有意識到圖像通常至少比原來大四倍。必要。
這會大大降低您的網站速度,尤其是對於移動用戶而言。
優化網站上的媒體文件有可能極大地提高頁面速度,並且這樣做相對容易,因此,這是您的寶貴時間。
優化圖像
- 選擇理想的格式。 JPG非常適合攝影圖像,而GIF或PNG最適合具有大面積純色圖像。 8位PNG文件用於沒有alpha通道(透明背景)的圖像,而24位文件用於具有alpha通道的圖像。
- 確保圖像尺寸合適。如果在您的網站上以800像素寬顯示圖像,則使用1600像素寬的圖像沒有任何好處。
- 壓縮圖像文件。除了是頂級的圖像編輯程序之外,Adobe Photoshop還具有出色的圖像壓縮功能,起價為9.99美元/月。您還可以使用免費的WordPress插件-例如 萬維網圖像優化器, 精神錯亂和 TinyJPG –自動壓縮上傳的圖像。
優化視頻
- 選擇理想的格式。 MP4在大多數情況下是最好的,因為它產生的文件大小最小。
- 根據訪問者的屏幕尺寸提供最佳尺寸(尺寸)。
- 如果視頻在背景中用作設計元素,則消除音軌。
- 壓縮視頻文件。我大多數時候都使用Adobe Premiere,但Camtasia也是一個不錯的選擇。
- 減少視頻長度。
- 考慮將視頻上傳到YouTube或Vimeo,而不是在本地提供,並使用其iframe嵌入代碼。
不過,您不應該在這裡停下來,因為那隻會劃傷表面。
為了真正優化您網站上的媒體,您需要根據屏幕大小提供適當大小的圖像,而不是簡單地調整它們的大小。
根據圖像的實現,有兩種方法可以解決此問題。
- 可以使用src set來提供網站HTML中的圖像,這使瀏覽器可以根據訪問者正在使用的設備的屏幕大小來選擇,下載和顯示適當的圖像。
- 通過CSS放置的圖像-通常作為背景圖像,可以使用媒體查詢來提供,以根據訪問者正在使用的設備的屏幕尺寸選擇適當的圖像。
9.利用緩存和CDN
緩存使您的Web伺服器可以存儲網頁的靜態副本,以便可以將其更快地傳遞到訪問者的瀏覽器,而CDN則可以將這些副本分發到世界各地的伺服器,以便訪問者的瀏覽器可以從Web站點下載它們。最接近其位置的伺服器。這樣可以大大提高頁面速度。
圖片積分
特色圖片:Paulo Bobita