網頁的打開速度，這個細節其實對于SEO優化來說是很關鍵的。雖然它看起來是那樣的微不足道，但是卻在SEO中能夠起到牽一發而動全身的效果。創新互聯SEO建議大家要這么去優化你的網頁速度：

　　1、不要省去網絡主機的預算

　　我們現在都在努力省錢。很多人想要省錢的方法是選擇一種便宜的共享主機，它是可以容納很多網站，因為它們可以安裝在一個服務器上，但這就像一群人擠在一輛車里一樣，它的性能是糟糕至極的!

　　當然，你的網站大部分時間都可以和大多數網絡主機一樣使用，但它的加載速度會因此變得非常緩慢，可能會導致你的部分訪客沒有轉換為客戶，我想你也會因此感到失望。

　　也許原因在于你可能很難注意到頁面速度這一細節，因為它是你花了很多時間、精力以及金錢搭建起來的，你會滿意于最終呈現的網站效果。但訪問者只在意是否能夠盡可能快地訪問你的網站。

　　人們想要在你的網站上停留足夠長的時間來做他們想做的事情，無論是得到解決方案，購買產品，還是其他一些特定的目標。如果他們的訪問速度受到影響，他們很可能會討厭你的網站給他們帶來的體驗，或選擇離開，或放棄轉換。

　　根據一項研究數據顯示，網站加載速度僅僅 100 毫秒的差別就足以使他們的銷售額下降 1%。

　　如果這么小單位的時間對銷售都會產生很大的直接影響，你認為要是有額外的第二個或更多的影響會有什么后果?不言而喻，這會產生更大的連鎖反應。

　　但它并不局限于此，因為你的網站加載速度緩慢也會對有機搜索排名和點擊付費的成本產生影響。換句話說，如果你的網站加載緩慢，你會是在間接地幫助你的競爭對手在這個關鍵區域分食你的利益。

　　因此，你不應該省去網絡主機的預算。有很多網絡主機都是為了速度而優化的，問問周圍的人，做一些測試，然后投資一個性能強大的網絡主機，滿足訪問者和搜索引擎的需要。

　　2、包括尾部的斜杠(/)

　　忽略指向你的網站的鏈接，無論是站外來源(鏈接建設的努力)還是在你自己的網站內部鏈接，都有對加載速度的不利影響。

　　原因如下：

　　當你訪問一個沒有末尾斜杠(/)的 URL 時，web 服務器將查找具有該名稱的文件。如果沒有找到具有該名稱的文件，它將把它當作一個目錄，并在該目錄中查找默認文件。

　　換句話說，通過省略末尾的斜杠，你將強制服務器執行不必要的 301 重定向。雖然它可能看起來是即時的，但它確實需要稍長一點的時間，而且我們已經建立了，每一點都需要再次添加。

　　例如：https://example.com(這是有影響的)

　　https://example.com/services(這也是有影響的)

　　https://example.com/(這很好)

　　https://example.com/services/(這也是好的)

　　3、減少 HTTP 請求的次數

　　網頁的每個文件都需要被呈現以及運行，如 HTML、CSS、JavaScript、圖像和字體都需要單獨的 HTTP 請求。請求越多，頁面加載就越慢。

　　你可能不會在你的網站上添加一堆“臃腫”的內容，但對于我遇到的 90% 的網站來說，它仍然存在這樣的情況。

　　這是因為大多數網頁設計師，不管他們的技術多強大或經驗多豐富，都不會優先考慮頁面速度。更有甚者，大多數人甚至不知道如何去做。

　　這就解釋問題的起因：

　　大多數網站加載一個或多個 CSS 文件，以及幾個 JavaScript 文件。一些，比如 Jquery 或 FontAwesome，通常從另一臺服務器上遠程加載，這極大地增加了加載頁面的時間。

　　當你考慮添加的附加 CSS 和 JavaScript 文件的插件時，這將變得更加困難。僅從 CSS 和 JavaScript 文件就可能很容易地得到增加更多的 HTTP 請求。

　　當你在一個頁面上考慮所有的圖片時，每個頁面都需要一個單獨的 HTTP 請求，它很快就會失控。

　　將 JavaScript 文件合并到一個文件中。

　　將 CSS 文件合并到一個文件中。

　　減少或消除加載他們自己的 JavaScript / CSS 文件的插件。在某些情況下，如一些表單插件，你可以選擇禁用它們。

　　對經常使用圖像使用 CSS 精靈。

　　使用像 FontAwesome 或 Ionic 圖標這樣的字體而不是圖像文件，因為只有一個文件需要加載。

　　4、啟用瀏覽器緩存

　　啟用瀏覽器緩存后，一個網頁的元素存儲在你的訪客的瀏覽器上，所以下次他們訪問你的網站，或者訪問另一個頁面時，瀏覽器可以直接加載頁面，而不必將另一個 HTTP 請求發送到服務器，以加載需要的緩存元素。

　　一旦加載了第一頁并將其元素存儲在用戶的緩存中，只需要在后續頁面上下載新元素就行。這可以大大減少需要在一個典型的瀏覽會話中下載的文件數量。

　　5、啟用壓縮

　　啟用 GZIP 壓縮可以極大地減少下載 HTML、CSS 和 JavaScript 文件所需的時間，因為它們下載的壓縮文件要小得多，一旦它們到達瀏覽器就會被解壓。

　　不要擔心，因為所有的現代瀏覽器都支持 GZIP，并且已經對所有的 HTTP 請求進行了自動處理，所以訪客不必再做任何額外的事情。

　　6、優先考慮內容

　　如果你的網站被編碼成優先級以上的內容 —— 換句話說，在訪問者滾動之前可以看到的內容，你的網站就會出現在訪問者面前。

　　這意味著確保出現在折疊上方的任何元素都與 HTML 代碼的開頭差不多，這樣瀏覽器就可以下載并呈現它們。

　　還需要包含任何 CSS 和 JavaScript，以內聯方式呈現該區域，而不是在外部 CSS 文件中。

　　7、縮小資源

　　縮小你的 CSS 和 JavaScript 文件，刪除不必要的留白和注釋，以減少文件大小，這樣會幫助減少下載它們所需的時間。

　　這并不需要手動操作，因為有一些工具可以在線將文件轉換成較小的、縮小版的文件。還有一些插件可以在你的網站上替換你的網站上的鏈接，你的常規 CSS 和 JavaScript 文件可以不修改你的原始文件。

　　這樣做可能需要花費一些精力，因為縮小文件經常會破壞 CSS 和 JavaScript，所以一旦你縮小了所有的內容，一定要徹底測試你的網站。

　　8、優化媒體文件

　　因為帶有高質量相機的移動設備是常見的，而現代的內容管理系統，可以方便上傳圖像，很多人只是簡單地拍了一張照片，然后上傳，卻沒有意識到，圖像通常比必要的要大 4 倍。這大大降低了你的網站加載速度，特別是對于移動用戶。

　　在你的網站上優化媒體文件有可能極大地提高你的頁面速度，而且這樣做相對容易，所以這是一個很好的時間投資。

　　(1)優化視頻

　　選擇理想的格式。MP4 在大多數情況下是最好的，因為它產生最小的文件大小。

　　根據訪問者的屏幕尺寸提供好尺寸。

　　如果在背景中使用視頻作為設計元素，記得取消自動播放功能。

　　壓縮的視頻文件。我大部分時間都在使用 Adobe Premiere，但 Camtasia 也是一個可靠的選擇。

　　減少視頻長度。

　　考慮將視頻上傳至優酷土豆或騰訊視頻，而不是在本地使用它們，并使用它們的 iframe 嵌入代碼。

　　為了真正優化你的網站上的媒體，你需要根據屏幕尺寸提供合適大小的圖片，而不是簡單地調整大小。基于映像的實現，有兩種方法可以處理此問題。

　　在你的網站的 html 中可以使用 src 設置，它允許瀏覽器選擇，下載，并根據訪問者使用的設備的屏幕大小顯示適當的圖像。

　　通過 CSS 放置的圖像 —— 通常作為背景圖像，可以使用媒體查詢來選擇合適的圖像，基于訪問者正在使用的設備的屏幕大小。

　　(2)優化圖片

　　選擇理想的格式。JPG 是好的攝影圖像，而 GIF 或 PNG 最好的圖像有大面積的純色。8 位 PNG 文件是用于沒有 alpha 通道(透明背景)和 24 位文件的圖像，它們是帶有 alpha 通道的圖像。

　　確保圖像尺寸正確。如果你的網站上只支持 800 像素的圖片，那么使用 1600 像素的圖片是沒有任何好處的。

　　壓縮圖像文件。

　　9、利用緩存和 CDN

　　緩存使你的 web 服務器來存儲你的網頁的靜態副本，這樣他們可以更快地交付到訪問者的瀏覽器。而 CDN 允許將這些副本分發到世界各地的服務器，以便訪問者的瀏覽器從最接近他們的位置的服務器下載內容。這大大提高了頁面加載速度。

　　一個流暢的網頁打開體驗對用戶、對搜索引擎爬行蜘蛛來說都是非常有用處的。