網頁速度 ?是當今數字營銷的關鍵因素。它對以下方面有重大影響：
- 訪問者在您的網站上停留多久。
- 有多少人轉換成付費客戶。
- 您在付費搜索中以CPC為單位支付多少。
- 你在自然搜索中排名
不幸的是，大多數網站在網頁速度方面表現不佳。這對他們的收入有直接的負面影響。
數字營銷人員幾乎可以花費我們幾天的時間，絕對沒有足夠的時間做這些事情。結果，有些事情被推到了后面。
似乎最經常被推回的事情之一是優化頁面速度。這很容易理解，因為大多數人并不能真正理解這種經常被忽視的細節的重要性，所以他們沒有看到投入時間和金錢的價值在幾秒鐘以內就可以改善。
一些營銷人員，包括那些專注于搜索引擎優化的營銷人員，似乎是一個無關緊要的時間，已經被行業巨頭的數據一直記錄到我們自己的分析數據上，這是巨大的。
我會假設你像我一樣，想要最大化你的結果，當然還有你的收入，對吧？然后讓我們開始使你的網站比油脂嗅覺更快?。ㄟ@是一個很直觀的，不是嗎？）
1.網站服務器帶寬大小
畢竟，這些訂閱Raven，SEMrush，Moz以及我們每天使用的其他工具，我們都在努力節省金錢。這幾乎就像一個額外的孩子。
許多人試圖節省資金的一種方式是選擇一種便宜的共享主機，這些托管可以容納多少網站，因為它們可以適合服務器，就像一堆小丑堆積在一輛車上一樣。表現被詛咒！
當然，你的網站大部分時間可以和大部分的網絡主機一樣可以使用，但是它會慢慢加載，讓你的訪問者不必擔心，而不會變成買家。
“但這幾乎不明顯！”這些討價還價的購物者堅持認為。
這是事情 – 這可能是幾乎不明顯的，因為它是你的寶寶，你喜歡它。但其他人只想盡快進入您的網站。
人們想要在您的網站上足夠長的時間來做他們要做的事情，無論這意味著獲得答案，購買產品或其他具體目標。如果你減慢他們的一點點，他們可能會討厭他們的經驗，離開而不轉換。
想像這樣：
大多數人無條件地愛自己的孩子。但別人的小孩尖叫，扔東西，在餐廳里打擾了他們的夜晚？他們討厭那個孩子 這與你的網站是一樣的。
它真的有多大的區別？
根據亞馬遜進行的一項研究，只有100毫秒的差異 – 一個人類甚至不能察覺的時間，就足以將銷售額減少1％。沃爾瑪發現類似的結果。
如果這么小的時間單位對銷售產生了很大的直接影響，那么你認為多少次還會有什么樣的影響？
但是，由于您的網站加載速度（或緩慢）也會對自然搜索排名和每次點擊費用產生??影響，因此并不會停止。換句話說，如果您的網站加載緩慢，您應該期望投資于這個關鍵領域的競爭對手吃午餐。
底線：跳過預算網站托管。如果他們像一種商品（主要是以價格為單位）出售它們，那么他們會像商品一樣對待客戶。
有很多Web主機針對速度進行了優化，特別是對于WordPress網站，其中一些網站主機的價格與預算方案類似。所以請問，做一些測試，并投資一個網絡托管，這將給你的表現，以滿足您的訪客和谷歌。
2.減少HTTP交互次數
網頁呈現和運行所需的每個文件，如HTML，CSS，JavaScript，圖像和字體都需要單獨的HTTP請求。請求的次數越多，頁面加載的速度就越慢。
現在，如果你跟我說的大部分人一樣，你可能在想“哦，我不用擔心，杰里米。我知道我在做什么，我不會在我的網站上添加一堆blo腫的垃圾！“
這可能是部分真實的。你可能不會在你的網站上添加一堆blo腫的垃圾，但是我遇到的90％的網站 –? 仍然存在。
那個膨脹不在那里，因為Bloat Fairy在你睡覺的時候會咬住它。在那里，因為大多數網頁設計師，無論技能或經驗如何，都不會使頁面速度成為優先事項?？杀氖聦嵤?，大多數人甚至不知道如何。
以下是問題開始的地方：
大多數主題加載一個或多個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（這也不好）
vs
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插件（如? WWW Image Optimizer，? Imsanity和TinyJPG）來自動壓縮上傳的圖像。
優化視頻
- 選擇理想的格式。MP4在大多數情況下是最好的，因為它產生最小的文件大小。
- 根據訪問者的屏幕尺寸提供最佳尺寸（尺寸）。
- 如果視頻在背景中用作設計元素，則消除音軌。
- 壓縮視頻文件。大多數時候我使用Adobe Premiere，但是Camtasia也是一個很好的選擇。
- 減少視頻長度。
- 考慮將視頻上傳到YouTube或Vimeo，而不是在本地提供視頻，并使用其iframe嵌入代碼。
你不應該停在那里，因為那只是劃傷表面。
要真正優化您的網站上的媒體，您需要根據屏幕尺寸提供適當大小的圖像，而不是簡單地調整大小?；趫D像的實現，有兩種處理方式。
- 您的網站HTML中的圖片可以使用src集合進行投放，這使得瀏覽器可以根據訪問者使用的設備的屏幕尺寸來選擇，下載和顯示相應的圖像。
- 通過CSS放置的圖像（通常作為背景圖像）可以使用媒體查詢來提供，以便根據訪問者使用的設備的屏幕尺寸來選擇適當的圖像。
9.利用緩存和CDN
緩存使您的Web服務器能夠存儲您的網頁的靜態副本，以便更快速地將其傳遞給訪問者的瀏覽器，而CDN可以將這些副本分發到世界各地的服務器，以便訪問者的瀏覽器可以從服務器最靠近他們的位置。這顯著提高了頁面速度。
