2020年網(wǎng)站速度優(yōu)化全面指南
時間：2024-04-21 19:30:02 | 來源：建站知識
時間：2024-04-21 19:30:02 來源：建站知識
網(wǎng)站速度對于網(wǎng)站而言非常重要，以至于搜索引擎使其成為實際的排名因素。如果您想改善網(wǎng)站速度，第一步就需要對網(wǎng)站進(jìn)行檢測，了解影響您網(wǎng)站速度的因素。其實很多工具都可以為開發(fā)人員和網(wǎng)站管理員提供網(wǎng)站速度檢測。這里我們推薦的檢測工具是百度統(tǒng)計的網(wǎng)站速度診斷。至于“網(wǎng)站速度如何優(yōu)化？”您將在本文中找到所有需要了解的內(nèi)容。
什么是網(wǎng)站速度診斷？
網(wǎng)站速度診斷是百度統(tǒng)計提供的在線工具，用于識別網(wǎng)站上的網(wǎng)絡(luò)性能問題。盡管這些工具主要與SEO技術(shù)有關(guān)，但這些工具還可以從用戶體驗和可訪問性的角度分析網(wǎng)站。您可以通過優(yōu)化分析來訪問網(wǎng)站速度診斷。
您可以輸入要診斷的頁面地址，幾秒鐘后，該工具將返回一個頁面，其中包含有關(guān)網(wǎng)站性能的一些結(jié)果。在頂部，將有一個綜合評分，該評分是多個因素的平均值。您將在下面看到有關(guān)實際影響速度的詳細(xì)信息。
網(wǎng)站頁面速度到底是什么？
好的，我們知道該工具的功能：它會根據(jù)您認(rèn)為您的網(wǎng)站的運行速度給出得分。但是頁面速度到底是什么？頁面速度是單個頁面在您的網(wǎng)站上加載的速度。由于圖像和腳本等因素，不同的頁面可能具有不同的速度。
但是速度是相對的。它取決于許多因素，例如網(wǎng)站的性能，服務(wù)器的性能，您所使用的特定網(wǎng)頁，連接類型，用戶的Internet服務(wù)提供商，Internet軟件包，設(shè)備的處理能力，瀏覽器，用戶的身份。當(dāng)時正在執(zhí)行的操作，正在運行的應(yīng)用程序數(shù)等等。
但是，我們只能使用我們可以工作的網(wǎng)站和服務(wù)器。我們實際上沒有控制其余部分的權(quán)利。只是為了弄清楚，頁面速度并不是一個分?jǐn)?shù)，就像百度統(tǒng)計的那樣。這是網(wǎng)頁的加載時間，以秒為單位。那才是最重要的。
當(dāng)然，加載時間有不同的因素。例如，您可能要在最后運行一些腳本，因為它們最初不需要使用。他們可能需要花費很多時間才能完成加載，因此總加載時間可能會更長。但是，如果該站點在此之前仍可用，則不是什么大問題。
例如，假設(shè)您要運行退出意圖彈出腳本。假設(shè)該腳本需要5到10秒的加載時間。但是，您只想在20到30秒后向用戶顯示它。如果立即開始運行腳本，則可能會推遲加載其他重要元素，例如用戶應(yīng)該看到的第一件事：折疊內(nèi)容上方。這將是非常糟糕的，尤其是因為您將在未來約20-30秒內(nèi)不使用該腳本。
因此，您可以將腳本加載推遲到其他至關(guān)重要的加載之后，以便為用戶提供更好的體驗。但是，如果您具有使菜單正常工作或?qū)W(wǎng)站的可用性至關(guān)重要的腳本，則可能不希望將其加載到最后。這將破壞體驗，因為用戶將無法在加載其他所有功能之前訪問該功能。
網(wǎng)站速度會影響SEO優(yōu)化嗎？速度檢測得分需要是100分嗎？
簡單的答案是頁面速度確實會影響SEO。頁面速度是直接的排名因素，它也會通過提高跳出率和減少停留時間而間接影響排名。
如今的搜索引擎的宗旨是“用戶至上”。研究表明：平均3G加載速度非常慢，還顯示用戶在大約3秒鐘后離開站點。這意味著他們的體驗很差，搜索引擎不喜歡對提供不良用戶體驗的網(wǎng)站進(jìn)行排名。
您必須記住的是，速度是以秒為單位測量的，而不是以0到100的點為單位的。網(wǎng)站速度診斷是可以幫助您提高速度的工具，但實際得分不一定意味著任何東西。
即使這樣，提高頁面速度得分也很重要。為什么？因為對于搜索引擎，我們不確定是否將得分作為排名因素。但是，我發(fā)現(xiàn)頁面速度得分完美的網(wǎng)站排名不佳，得分低于50的網(wǎng)站排名很好。
但是，您必須考慮百度如何進(jìn)行這些測試。我們不知道從哪里進(jìn)行測試。您的服務(wù)器是否在不同地區(qū)使用4G連接對其進(jìn)行測試？
但是，僅出于用戶考慮，將加載時間放在首位。而且，不要僅使用百度統(tǒng)計進(jìn)行測試。堅持到底，我將向您展示幾個工具，您可以使用這些工具來測試網(wǎng)站從不同位置加載的速度。
有時，百度會自相矛盾！例如，網(wǎng)站速度診斷工具考慮使用百度統(tǒng)計腳本渲染阻止，這意味著您稍后應(yīng)將其加載到頁腳中。但是，百度統(tǒng)計非常明確地指定了該腳本必須放置在您網(wǎng)站的<head>部分中，否則它將無法正常運行。 當(dāng)然，這不僅會發(fā)生在百度工具和腳本上，還會發(fā)生在您無法控制的任何第三方腳本中。
請注意，只有不到1秒的時間才能算是很快！為此，您可能需要一個非常簡單的網(wǎng)站，沒有第三方插件或精美的彈出窗口。如果您的網(wǎng)站確實想進(jìn)行網(wǎng)絡(luò)營銷，這就不容易了。
因此，加載速度對于SEO很重要，但完美的網(wǎng)站速度診斷得分并不重要。只要您的網(wǎng)站在3秒鐘內(nèi)加載完畢，大多數(shù)用戶就可以正常使用。
優(yōu)化網(wǎng)站速度的關(guān)鍵點
網(wǎng)站速度診斷那里的所有東西可能有些難以消化。最有可能的是，您將無法解決所有問題！我們已經(jīng)排除了獲得100％的分?jǐn)?shù)并不重要。但是，這些關(guān)鍵要素將顯著提高網(wǎng)站加載速度。
警告：在進(jìn)行這些改進(jìn)之前，請同時備份文件和數(shù)據(jù)庫。他們可能會弄亂您的網(wǎng)站，您必須確?？梢苑祷匾郧暗陌姹?！
服務(wù)器響應(yīng)時間
服務(wù)器是您無法真正改善自己的東西。你要么是好人，要么是壞人。要對其進(jìn)行改進(jìn)，您將不得不大幅度減少其負(fù)載，或者改善其硬件，除非您擁有物理計算機，否則這兩個都無法控制。
因此，首先要擁有一臺好的服務(wù)器很重要。但是，如何選擇一個好的服務(wù)器？
好吧，任何在百度上排名靠前的服務(wù)器托管公司都可以提供優(yōu)質(zhì)的服務(wù)。但是，這取決于您的測試。最好的建議？如果您主要關(guān)注本地SEO，請選擇本地服務(wù)器。例如，如果您的大多數(shù)觀眾都住在北京，請選擇一個位于北京的數(shù)據(jù)中心服務(wù)器。
如果數(shù)據(jù)中心遍布國內(nèi)，則信息必須傳播很長一段距離才能到達(dá)目標(biāo)受眾。
您始終可以使用網(wǎng)站速度診斷工具測試托管服務(wù)提供商自己的網(wǎng)站，并查看服務(wù)器響應(yīng)時間。如果它可以獲得分?jǐn)?shù)，則說明您自己擁有良好的托管服務(wù)提供商。
但是，最好是您知道某個人是托管服務(wù)提供商的實際客戶，以便您可以在那里測試速度。
實際上，主機商自己的網(wǎng)站可能位于專用服務(wù)器上，而您的網(wǎng)站將位于虛擬空間或者云主機中。這意味著您將與其他人共享計算機的CPU和帶寬。
圖像壓縮
通常，圖像是網(wǎng)站的最大問題。它們很大，需要大量下載。
圖像有兩種類型的問題。第一個是屏幕大小與實際圖像大小（以像素為單位）的比較，第二個是磁盤大小。
磁盤大?。?/strong>映像在硬盤或SSD上占用的物理空間越多，下載所需的空間就越大。100 KB的下載速度比1000 KB（1MB）快得多。如果您的博客文章中有10張這樣的圖片，那么您的網(wǎng)站加載速度會很慢。您可以使用WP Smush優(yōu)化圖像。這是一個可以壓縮圖像而不會損失任何質(zhì)量的插件。這意味著您可以將1000×1000像素的圖像從200 KB縮小到150 KB，而不會注意到質(zhì)量差異，因此使其加載速度提高了25％。
屏幕尺寸：屏幕尺寸是顯示圖像的尺寸。為了使圖像加載更快，首先必須確保所使用的圖像不大于要顯示的圖像。例如，如果您有一個HTML區(qū)域，該區(qū)域使用CSS樣式設(shè)置為300×300像素，但是在源中加載了1000×1000像素的圖像，那么您將損失700×700像素的加載時間。
那是因為瀏覽器必須下載1000×1000像素的圖像，然后將其縮小到300×300像素。下載和縮小過程都需要更多時間。您可以通過上傳寬度和高度與顯示時相同的圖像來解決此問題。
WordPress在上傳圖片時會通過創(chuàng)建圖片的多個實例來自動執(zhí)行此操作。這就是為什么您會在圖像文件路徑的末尾看到300×300或150×150后綴的原因。這就是為什么您可以選擇大?。ù?，中，縮略圖）的原因。盡管它并不完美，特別是如果您通過單擊和拖動來手動調(diào)整圖像大小，并且從長遠(yuǎn)來看會占用服務(wù)器上的更多空間，則它確實有助于提高加載速度。
延后圖像是您可以做的另一件事，以縮短加載時間。這意味著您可以稍后在用戶向下滾動網(wǎng)頁時下載它們。短暫的一會兒，圖像將不可見，但最終會一次又一次地出現(xiàn)。這有助于瀏覽器將重點放在重要部分上，即用戶此時正在查看的部分。
有許多插件可以幫助您做到這一點。但是，在某些情況下，例如在由WordPress或WooCommerce創(chuàng)建但在由較不受歡迎的插件創(chuàng)建或插入時，許多錯誤或僅延遲圖像。
當(dāng)然，還有其他CMS的插件，例如Joomla或Magento。只需對它們執(zhí)行百度搜索即可。如果您不在WordPress之類的流行CMS上，則可以使用jQuery來推遲圖像，但是，如果您自己不是一個人，那么肯定會需要一名開發(fā)人員。
近些年，谷歌推薦使用下一代圖像格式。它們非常有用，尤其是從移動設(shè)備加載網(wǎng)站時。但是，有一個原因是沒有多少人使用它們。并非所有主流瀏覽器都支持下一代圖像格式。這意味著您需要為不同的瀏覽器動態(tài)提供不同的格式。
如果您可以在CMS上使用一個容易的插件，但是如果您使用的是自定義平臺，則需要從頭開始開發(fā)一切，這會花費很多。
如果您適當(dāng)?shù)卣{(diào)整大小和優(yōu)化圖像，將它們轉(zhuǎn)換為JPEG2000或WebP等下一代圖像格式所節(jié)省的成本可能不值得花時間和金錢。
但是，如果您有時間和預(yù)算，一定要去做。您可以使用此工具來檢查是否支持用戶花費最多時間的瀏覽器。搜索WebP或JPEG2000。
HTML和CSS結(jié)構(gòu)
網(wǎng)頁的HTML結(jié)構(gòu)決定了其加載方式。瀏覽器從上到下閱讀頁面，并且以相同的方式加載元素。這意味著，如果要先加載某些內(nèi)容，則必須將其放在頁面的較高位置。
通常，問題不在于HTML，而在于CSS。如果您混亂地編寫CSS，將導(dǎo)致加載時間變慢和用戶體驗差。
讓我們舉個例子。大多數(shù)網(wǎng)站（如果不是全部）都遵循以下HTML結(jié)構(gòu)：head> body> footer。
如果我的CSS文件首先對頁腳進(jìn)行樣式設(shè)置，則即使在折疊之前，頁腳也會收到樣式設(shè)置。同時，標(biāo)頭和正文可能保持不變。
最好先添加移動樣式，因為移動設(shè)備是最慢的樣式。
渲染塊JavaScript也是如此。推遲不重要的腳本。將它們添加到頁腳中，以便最后加載它們。
但是，如果您有重要的腳本（例如百度統(tǒng)計的腳本）應(yīng)盡快運行，則應(yīng)將它們保留在標(biāo)題中，并確保它們能夠正常運行，即使這可能會導(dǎo)致速度診斷得分較低。
繼續(xù)閱讀：提升網(wǎng)站速度：刪除未使用的CSS和無效規(guī)則
縮小和壓縮腳本
縮小是通過從文件中刪除不必要的信息來縮小文件規(guī)模的過程。
例如，在編寫JavaScript和CSS時，大多數(shù)（如果不是全部）編碼人員都喜歡使用空格以保持其代碼整潔和易于閱讀。但是，這些額外的空間加起來，尤其是在您有很長的代碼的情況下。
減少代碼的另一種方法是組合相似的元素。
例如，如果您的頁眉和頁腳部分相同，則不要這樣寫：
body {
font-size: 16px;
}
footer {
font-size: 16px;
}
您可以寫：
body, footer {
font-size: 16px;
}
壓縮是通過將重復(fù)出現(xiàn)的信息序列替換為對該特定序列的單個引用來收縮文件的過程。
因此，例如，如果我們有以下代碼：123 4 123 123 123 4 123 123，我們可以將123替換為1并得到像這樣的壓縮版本：1 4 1 1 1 4 1 1。當(dāng)然，它是比我們介紹的要復(fù)雜得多。
這通常發(fā)生在服務(wù)器端，最常見的一種稱為Gzip壓縮。服務(wù)器發(fā)送壓縮版本。瀏覽器收到壓縮文件后，通過反轉(zhuǎn)過程對其進(jìn)行解壓縮，以讀取其實際內(nèi)容。這和WinRAR非常相似。我們可能所有人都知道，因為我們一直免費使用它！
如果您使用的是流行的CMS，則肯定會找到用于壓縮的插件。例如，如果設(shè)置正確，W3 Total Cache插件會做很多事情，包括這兩項。
請記住，壓縮取決于服務(wù)器設(shè)置。如果您的服務(wù)器不支持Gzip，則將無法壓縮文件。如果您有Apache服務(wù)器，請確保已安裝mod_deflate。
您可以詢問服務(wù)器提供商，如果您的主機支持它。如果尚未安裝，則應(yīng)該可以免費安裝，因為這是非常基本的操作。
如果您不在常用的CMS上，只要安裝了mod_deflate，還可以通過添加以下代碼來通過.htaccess文件（Apache服務(wù)器）啟用Gzip壓縮 。
有時，您也可以結(jié)合使用腳本。有一些插件可以做到這一點，例如Autoptimize。結(jié)合腳本就是它所說的。您無需將兩個文件組合在一起。這樣，僅對服務(wù)器發(fā)出一個請求，而不是多個請求。但是，組合腳本可能多次導(dǎo)致錯誤，因此請確保您之前備份了所有內(nèi)容。
快取政策
緩存是將文件存儲在客戶端瀏覽器中的過程，以便以后可以快速訪問它們。
例如，如果用戶是第一次訪問您的網(wǎng)站，則必須下載您的徽標(biāo)。但是，如果您具有有效的緩存策略，則該文件將存儲在用戶的瀏覽器中。當(dāng)用戶第二次訪問您的站點時，它無需再次下載該文件，因為它將立即從他們的計算機中加載。
動態(tài)元素（短緩存策略）： 動態(tài)元素是網(wǎng)站上經(jīng)常更改的元素。例如，您可能會繼續(xù)在首頁的滑塊中添加新帖子。
在這種情況下，HTML是動態(tài)元素，因此請根據(jù)需要設(shè)置一個簡短的緩存策略。如果用戶在同一會話中返回該頁面，則30分鐘可能就足夠了。
在某些情況下，如果及時性對于您的用戶來說很重要，例如在新聞網(wǎng)站上，您可能根本不想緩存這些元素。
靜態(tài)資源（長緩存策略）： 靜態(tài)資源是很少更改的文件。這些通常是圖像和CSS或JS文件，但它們也可以是音頻文件，視頻文件等。
您可以為圖像和CSS文件設(shè)置更長的緩存時間，因為您知道自己不會經(jīng)常更改它們。您甚至可以長達(dá)一年，但通常只需3個月即可。
第三方工具： 您實際上對第三方工具沒有控制權(quán)，因此，如果您覺得托管在其他地方的工具會使您的網(wǎng)站運行速度非常慢，則最好選擇一個替代方法或放棄它。
一種解決方案是將文件托管在您自己的服務(wù)器上并對其進(jìn)行緩存。但是，這可能效率不高，因此不建議這樣做，因為一旦有新版本出現(xiàn)，您就必須不斷更新這些文件，否則該工具或應(yīng)用程序?qū)o法正常工作。
緩存插件： 有許多插件可以正確處理良好的用戶體驗所需的緩存協(xié)議。如果您使用的是WordPress，則其中一個插件是W3 Total Cache。但是，如果您想尋求更好的選擇，WP Rocket也很受歡迎，但它需要花錢。
只需在百度上搜索緩存插件/擴展程序/模塊+您的CMS即可找到所需的內(nèi)容，查看評論以挑選最佳的。
.htaccess文件緩存： 如果您不在流行的CMS上運行網(wǎng)站，則還可以從Apache服務(wù)器上的.htaccess文件設(shè)置緩存控制標(biāo)頭。
有多種方法：
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 hour"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##
或者，您也可以使用以下代碼：
# One year for image files
<filesMatch ".(jpg|jpeg|png|gif|ico)$">
Header set Cache-Control "max-age=31536000, public"
</filesMatch>
# One month for css and js
<filesMatch ".(css|js)$">
Header set Cache-Control "max-age=2628000, public"
</filesMatch>
max-age屬性中的數(shù)字以秒為單位，因此3600表示一小時，86400表示一天，依此類推。
重置緩存：修改網(wǎng)頁時，如果以前已緩存了較早的版本，則想重置緩存。但是，您只能重置服務(wù)器上的緩存。
這意味著下載了某個文件的先前版本的用戶在再次訪問該網(wǎng)站時仍會從其計算機上加載該舊版本。在您的緩存策略中設(shè)置了一定時間后，或者如果用戶手動重置了瀏覽器緩存，則將刷新文件。
如果您的網(wǎng)頁設(shè)計或代碼中有嚴(yán)重錯誤，則可以更改文件名。這樣，您可以確保該特定文件的緩存將被重置。
有時，瀏覽器的緩存可能很難重置。有時，客戶端和服務(wù)器之間的路由器和數(shù)據(jù)中心也可能會緩存文件，因此，如果看不到修改，請等待幾個小時。
其他用于衡量和提高站點速度的SEO工具
當(dāng)然，百度統(tǒng)計的網(wǎng)站速度診斷工具不是檢查和提高頁面速度的唯一工具。一次，我們真的不知道從哪里進(jìn)行測試。如果您的網(wǎng)站托管在美國的服務(wù)器上，并且百度從國內(nèi)進(jìn)行測試，則網(wǎng)站的速度自然會變慢。
但是，有些工具可以指定從何處進(jìn)行測試。
平度
Pingdom Speed Test是一個很棒的工具，它可以測量網(wǎng)頁加載的速度。測試完成后，至少在視覺上，您將獲得一些類似于百度統(tǒng)計上的結(jié)果。
有趣的是，您可以選擇要在哪里進(jìn)行測試。當(dāng)然，選擇是有限的，但總比不知道要好。
如果您專注于本地SEO，請選擇離您的服務(wù)器最近的位置。如果您不知道它的實際托管位置，請咨詢您的托管提供商，您會找到答案。
如果您有國際化的受眾，從不同的位置進(jìn)行多次測試也是一個好主意。
GT-Metrix
GT Metrix一直是我們最喜歡的速度測試工具之一。盡管它僅從加拿大溫哥華進(jìn)行測試，但是它提供的見解非常有用。
快速提示：如果您與他們創(chuàng)建一個免費帳戶，則無需等待太多時間即可執(zhí)行測試。為了減少服務(wù)器上的負(fù)載，當(dāng)請求太多時，它們會將您添加到隊列中。但是，注冊用戶具有優(yōu)先權(quán)。
mod_pagespeed
mod_pagespeed是Google的服務(wù)器插件。其目的是直接在服務(wù)器端解決核心級別上與頁面速度相關(guān)的所有問題。這意味著即使您添加未優(yōu)化的圖像，mod_pagespeed也會自動壓縮，優(yōu)化并將其轉(zhuǎn)換為下一代圖像格式。
但是，安裝mod_pagespeed絕對比處理WordPress中的所有內(nèi)容更具技術(shù)性。如果您的服務(wù)器已經(jīng)安裝了它，或者您知道自己在做什么，請繼續(xù)安裝它。但是，始終優(yōu)先考慮擁有一個快速站點而不是試圖掩蓋事實總是一個更好的主意。
無論如何，此mod將增加服務(wù)器的負(fù)載，因為每次您上傳未優(yōu)化的圖像時，它都必須使用處理能力進(jìn)行轉(zhuǎn)換。
百度MIP（移動網(wǎng)頁加速器）
如果您希望自己的網(wǎng)站在移動搜索方面真正快速，可以隨時實施百度MIP。
MIP（Mobile Instant Pages - 移動網(wǎng)頁加速器），是一套應(yīng)用于移動網(wǎng)頁的開放性技術(shù)標(biāo)準(zhǔn)。通過提供 MIP-HTML 規(guī)范、MIP-JS 運行環(huán)境以及 MIP-Cache 頁面緩存系統(tǒng)，實現(xiàn)移動網(wǎng)頁加速。
不僅如此，當(dāng)用戶滾動搜索結(jié)果時，MIP頁面將在移動瀏覽器中預(yù)加載，從而在用戶點擊標(biāo)題時立即加載該頁面。
當(dāng)然也有缺點。盡管情況每天都在變得越來越好，但您從各個方面都受到限制。此外，您網(wǎng)站的設(shè)計必須受到影響，并且看起來幾乎與使用MIP的任何其他網(wǎng)站一樣。
在WordPress和其他CMS上，您可以通過插件將MIP添加到您的網(wǎng)站。對于自定義網(wǎng)站，您需要與開發(fā)人員聯(lián)系，如有此需要可以跟南京網(wǎng)站建設(shè)專家浪知潮網(wǎng)絡(luò)聯(lián)系。
結(jié)論
提高網(wǎng)站速度對于提高搜索排名至關(guān)重要。百度網(wǎng)站速度診斷提供了一組最佳實踐和可能的改進(jìn)，并根據(jù)它們對您網(wǎng)站速度的影響確定了優(yōu)先順序。
雖然分?jǐn)?shù)本身并不會引起您太多的關(guān)注，但是最好使分?jǐn)?shù)至少超過50。這是個好主意。但是，請注意加載時間（以秒為單位）。一個好的網(wǎng)站應(yīng)該會在3秒鐘內(nèi)加載完畢。一個非常非?？斓尿?qū)動器應(yīng)該在大約1。
擁有良好的服務(wù)器，壓縮圖像并使代碼中的內(nèi)容保持簡潔明了，對于網(wǎng)站速度而言，這將為您帶來最大的收益。
您的網(wǎng)站速度檢測得分是多少？提高網(wǎng)站的加載速度后，您是否看到了更好的排名？請與我們分享您的經(jīng)驗！
在線咨詢