網(wǎng)頁的打開速度，這個細節(jié)其實對于SEO優(yōu)化來說是很關(guān)鍵的。雖然它看起來是那樣的微不足道，但是卻在SEO中能夠起到牽一發(fā)而動全身的效果。創(chuàng)新互聯(lián)SEO建議大家要這么去優(yōu)化你的網(wǎng)頁速度：

　　1、不要省去網(wǎng)絡(luò)主機的預(yù)算

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

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

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

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

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

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

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

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

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

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

　　原因如下：

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

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

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

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

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

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

　　3、減少 HTTP 請求的次數(shù)

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

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

　　這是因為大多數(shù)網(wǎng)頁設(shè)計師，不管他們的技術(shù)多強大或經(jīng)驗多豐富，都不會優(yōu)先考慮頁面速度。更有甚者，大多數(shù)人甚至不知道如何去做。

　　這就解釋問題的起因：

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

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

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

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

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

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

　　對經(jīng)常使用圖像使用 CSS 精靈。

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

　　4、啟用瀏覽器緩存

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

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

　　5、啟用壓縮

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

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

　　6、優(yōu)先考慮內(nèi)容

　　如果你的網(wǎng)站被編碼成優(yōu)先級以上的內(nèi)容 —— 換句話說，在訪問者滾動之前可以看到的內(nèi)容，你的網(wǎng)站就會出現(xiàn)在訪問者面前。

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

　　還需要包含任何 CSS 和 JavaScript，以內(nèi)聯(lián)方式呈現(xiàn)該區(qū)域，而不是在外部 CSS 文件中。

　　7、縮小資源

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

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

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

　　8、優(yōu)化媒體文件

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

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

　　(1)優(yōu)化視頻

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

　　根據(jù)訪問者的屏幕尺寸提供好尺寸。

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

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

　　減少視頻長度。

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

　　為了真正優(yōu)化你的網(wǎng)站上的媒體，你需要根據(jù)屏幕尺寸提供合適大小的圖片，而不是簡單地調(diào)整大小。基于映像的實現(xiàn)，有兩種方法可以處理此問題。

　　在你的網(wǎng)站的 html 中可以使用 src 設(shè)置，它允許瀏覽器選擇，下載，并根據(jù)訪問者使用的設(shè)備的屏幕大小顯示適當(dāng)?shù)膱D像。

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

　　(2)優(yōu)化圖片

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

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

　　壓縮圖像文件。

　　9、利用緩存和 CDN

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

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