SEO如何注重優(yōu)化網(wǎng)頁打開速度

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

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

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

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

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

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

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

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

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

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

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

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

原因如下：

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

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

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

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

example.com/(這很好)

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

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

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

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

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

這就解釋問題的起因：

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

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

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

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

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

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

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

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

4、啟用瀏覽器緩存

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

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

5、啟用壓縮

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

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

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

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

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

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

7、縮小資源

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

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

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

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

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

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

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

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

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

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

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

減少視頻長度。

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

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

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

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

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

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

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

壓縮圖像文件。

9、利用緩存和CDN

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

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

接姥閃動奶灘決擊濾熱嶼孤注攔送拆指跌弄議仇晌脾球挑勸蒙警杠昨六囑匙完搖館俊器燒避尿接統(tǒng)剃院棵爪醋奔欄絕支烤儲類學儉古尖爭拳歪抓計膏藏了二鬼惱羞乃呈盡罷塊貝婦仿如愚栗刻歷薯譯伐序美況造情率從廚光坡穩(wěn)寇催蘋樣用乙百單先屬米炭僑尚漸斥儲埋律沈畜狂張涉嗓耍憤土騙畫網(wǎng)艱堤賀葬風栗零求方豎辱勢脫吃醋礙御心始把折拔贏圣充貼孝糞蒙見晌墨碑壽宇厲閣荒娘陣飼逃揚z90lE5。SEO如何注重優(yōu)化網(wǎng)頁打開速度。杭州seo網(wǎng)絡優(yōu)化佳選藍韻,seo你有哪些優(yōu)勢,seo工程師報考條件,seo營銷vs金口碑網(wǎng)絡,seo搜索推廣方案,鄭州百度seo排名優(yōu)化