網站頁面速度SEO終極指南

2022-08-08 分類：網站建設

隨著過去幾年移動端用戶的大幅增加，Google對網站加載速度的要求變得非常嚴格。他們甚至正式宣布，網站加載速度是Google考慮網站排名的200個排名因素中最重要的因素之一。

除了排名之外，更快的網站加載速度直接關系到更多的瀏覽量和較低的跳出率。Google發(fā)現，網站加載速度在5秒以內的，瀏覽量會提高了60％，跳出率將降低了35%。

由上可知，網站必須要快速的加載，尤其是在移動端，這樣SEO也會更好做。

但是，我們如何知道我們的網站是否在移動端加載速度變快了呢？這看上去是一個很棘手的問題。

幸運的是有一些免費的工具可用，我們可以用來檢查網站的頁面速度。甚至，他們向我們提供了用某些特定文件調整我們網站的建議，以及在加載頁面中影響大的因素。

話不多說，現在來一一介紹：

1、檢查網站頁面速度的工具

2、什么是加載時間或得分方理想的網頁

3、如何加快您的網站和獲得一個好的網站頁面速度得分？

4、優(yōu)化網站圖片

5、修復渲染阻止JavaScript和CSS

6、減少服務器響應時間

7 、縮小JavaScript

8、利用瀏覽器緩存

9、縮小 CSS

10、結果

11、的SEO技巧

檢查網頁頁面速度的工具，所有的工具都可以免費使用，大多數工具我都親自使用過，所以我們繼續(xù)往下說：

1：桌面端Google Page Speed Tool

2：移動端Google Page Speed Tool

3：YSlow - Chrome / FF / Safari和Opera的插件/擴展

4: WebPageTest --從世界的多個位置測試您網站的速度和性能

5：TMetrix - 獲取網站速度分數和建議，以便改善。

6. Pingdom頁面速度測試 - 免費監(jiān)控您的頁面速度。

7：Google Analytics（分析） - 為你的所有熱門網址獲取平均頁面加載時間以及建議。

雖然每個工具的得分略有不同，因為每個工具使用自己的算法測試站點。但是，使用至少3個上面提到的頁面速度工具可以得出關于頁面速度的好結論。

專業(yè)提示：

我建議您使用Google Analytics分析（我將在本文后面介紹如何使用）Google 頁面速度工具和GTMetrix來分析您的分數和頁面加載時間，并了解通過優(yōu)化那些以獲得更好的效果。那么，目標的推薦速度分數是多少？100以內最少是什么？我們來談談這個，以的成績作為我們的目標。

什么是加載時間或得分理想的頁面？

在SEO世界;頁面速度分數和頁面加載時間有一些矛盾。有些人要求跟隨評分，有些則要求我們專注于平均頁面加載時間而不是分數。對我來說，您的網頁速度分數和網頁加載時間兩者都將改善您的網站，在一天結束的時候獲得更好的排名、跳出率和更多轉化。通常，得分和時間是共通的，如果站點加載速度變快，顯然你的速度得分會更高。

根據Doubleclick，3秒可能是好基準目標。5秒是高的基準，您的網站的主頁不應該超過這個時間。通常，首頁具有比您網站其他頁面更多的數據，小部件和腳本。所以，優(yōu)化主頁最終也會影響我們的內部頁面。

專業(yè)提示：

確保您的網站首頁在3秒內加載，內部網頁將在2秒以內加載。

那么，如何優(yōu)化網站頁面速度并獲得一個很好的得分，最終得到一個更快的加載站點（只需3秒內加載）？

如何加快您的網站和獲得一個好的網站頁面速度得分？

讓我們優(yōu)化我們的官方網站，并了解使其一步步加快的的指導方針，從這里開始。

1、檢查您現有的分數，并獲得有關改進的建議（大多數工具都免費提供）。登錄到您的Google Analytics（分析）帳戶，轉到“行為”選項卡，然后切換到“站點速度”，然后單擊“速度建議”選項卡。這是基于“每天”的數據。

我最喜歡GoogleAnalytics的頁面速度分析功能，它會分析您網站的所有首頁，并顯示哪些特定網頁需要很長時間加載，以及是分數多少。但也歡迎您使用GTmetrix或Pingdom進行分析。

你可以看到（在上圖中），我的主頁比其他頁面需要花費更多的時間來加載。這是因為，主頁擁有比其他頁面更多的數據，腳本，內容塊和圖像。我的主頁的頁面速度分數為58，加載時間為4.25秒，Google給出優(yōu)化我的主頁以提高頁面分數的7個建議。

2、點擊“頁面速度建議”列中的 “7total” 建議，查看Google建議您執(zhí)行的操作5秒是高的基準，您的網站的主頁不應該超過這個時間。通常，首頁具有比您網站其他頁面更多的數據，小部件和腳本。所以，優(yōu)化主頁最終也會影響我們的內部頁面。

3、我找到了導致緩慢加載時間的關鍵元素的列表。只需點擊“顯示如何修復”選項卡（可折疊），你會發(fā)現所有關鍵因素。哪些是Google建議我調整的，包括：優(yōu)化圖片、消除渲染,屏蔽JavaScript和CSS、減少服務器響應時間、縮小JavaSript、利用瀏覽器緩存、縮小CSS。

值得一提的是每個網站都不一樣，您網站的建議可能會略有不同。但根據我的經驗，80％的網站加載時間受到上述列出的原因的影響。所以請繼續(xù)關注本指南。

注意：我列出的上面所有的建議，逐一解決。將主要側重于基于WordPress CMS的網站和解決方案。但是，每個步驟背后的技術也可能對其他CMS /代碼也是有用的。

優(yōu)化網站圖片

讓我們檢查一下Google發(fā)現的未優(yōu)化的圖像集。以下是Google Suggestions的一些案例：

壓縮并調整大小：（這邊就不輸入這個網址了）可以節(jié)省106.3KiB（減少98％）

壓縮并調整大?。海ㄟ@邊就不輸入這個網址了）可節(jié)省51.9KiB（減少94％）

壓縮并調整大小：（這邊就不輸入這個網址了）可以節(jié)省46.3KiB（減少99％）。

壓縮并調整大小：（這邊就不輸入這個網址了）可以節(jié)省43.1KiB（減少98％）。

我們可以做的是 - 用Photoshop壓縮和調整這些圖像的大小，或使用在線圖像調整工具或使用WordPress插件，這將自動壓縮和調整您的網站圖像的大小。

用Photoshop打開您的圖像，然后轉到文件菜單，并從下拉菜單中單擊“保存為Web”選項。將打開一個新窗口，您可在其中設置“預設”（右上角）。將圖像設置為“JPEG Medium”，并保存圖像。在您的網站上重新上傳已處理的圖像。

我們可以做的是，使用Photoshop壓縮和調整這些圖像的大小，或使用在線圖像調整工具或使用WordPress插件，這將自動壓縮和調整您的網站圖像的大小。用Image resizer工具執(zhí)行此操作，只需轉到TinyPNG并上傳圖像。下載已處理的圖像并在重新上傳到您的網站。這里有一些我已經用TinyPNG調整過大小的圖像，最終的圖像被壓縮了72％，成為原始圖像尺寸的一半（會伴隨有質量的惡化）。

要使用插件執(zhí)行此操作，請使用Smush WordPress插件。我曾經用于WordPress的的調整圖片的插件之一。在免費版本上，只需點擊一下即可壓縮50張圖片。所以，每50個圖像被處理后，你必須再次運行粉碎。

專業(yè)提示：

從現在開始，當您需要在您的網站上發(fā)布圖片時，請轉到TinyPNG，調整/壓縮圖像并在網站上上傳已處理的圖像。了解您網站上所需圖片的大小，把你的圖片做成同樣大小。而不是上傳更較大的圖片，并讓您的主圖自動調整大小。修復渲染--阻止JavaScript和CSS

本節(jié)中Google的發(fā)現如下：

· https://www..com/…-includes/js/jquery/jquery.js?ver=1.12.4

· https://www..com/…s/jquery/jquery-migrate.min.js?ver=1.4.1

· https://www..com/…s/frontend/add-to-cart.min.js?ver=2.6.14

· https://www..com/…dors/woocommerce-add-to-cart.js?ver=4.12

· https://www..com/…themes/salient/js/modernizr.js?ver=2.6.2

· https://www..com/…udes/js/jquery/ui/core.min.js?ver=1.11.4

· https://www..com/…es/js/jquery/ui/widget.min.js?ver=1.11.4

讓我們看看什么是渲染阻止JavaScript和CSS？

JavaScript和CSS是我們網站編碼結構的重要組成部分。沒有JavaScript，我們在許多情況下不會獲得正確的功能。除了CSS，我們不能指望一個擁有非常棒的設計風格的網站。但是，有時候，我們的開發(fā)人員在代碼上提出了一些條件，這就是為什么在折疊內容之前，首先需要首先加載JavaScript和CSS，然后加載自己（內容），而這并不總是必需的。這種條件JavaScript和CSS實際上被稱為渲染阻止JS和CSS。

那么，如何解決這個問題呢？

使用自動優(yōu)化WordPress插件，它將修復您的渲染阻止問題。安裝此插件，轉到自動優(yōu)化設置，并選擇他們在儀表板上顯示的三個選項，名為HTML選項，JavaScript選項和CSS選項。

減少服務器響應時間Google在這里向我顯示了一個信息，我們官網的服務器響應時間為1秒。這是消息，但Google 開發(fā)者建議我們將服務器響應時間保持在200ms以下，那么，如何減少服務器響應時間？有三個步驟來實現：

1、將所有外部CSS文件合并到一個文件中；

2、結合所有的JavaScript文件；

3、啟用Lazy加載圖像文件，使內容加載快速，圖像加載緩慢。

與您的網絡托管商聯(lián)系。如果可能，升級到SSD /專用服務器。除了主機/服務器，上面提到的所有其他三個選項可以通過前面提到的自動優(yōu)化插件修復

JavaScript縮小

Google 網頁速度顯示以下JavaScript文件/需要調整的鏈接

· Minifying https://www..com/…ent/themes/salient/js/init.js?ver=7.5.02 couldsave 27.1KiB (27% reduction) after compression.

· Minifying https://www..com/…emes/salient/js/prettyPhoto.js?ver=7.0.1 couldsave 3KiB (33% reduction) after compression.

· Minifying https://www..com/…s/dist/js_composer_front.min.js?ver=4.12 couldsave 739B (13% reduction) after compression.

· Minifying https://www..com/…themes/salient/js/superfish.js?ver=1.4.8 couldsave 564B (23% reduction) after compression.

如何解決這個問題？

像上面的其他解決方案一樣，自動優(yōu)化WordPress插件將幫助您為您縮小JavScripts文件。利用瀏覽器緩存每次訪問者訪問您的網站時，都不需要加載某些日期。標識，CSS文件，字體，Google Analytics JS和第三方腳本可以從訪問者瀏覽器上存儲的先前數據輕松加載。我們的網站沒有啟用此功能，因此，找到以下瀏覽器緩存：

· https://sumo.com/api/load/ (expirationnot specified)

· https://load.sumome.com/ (10minutes)

· https://www.google-analytics.com/analytics.js (2hours)

· https://www..com/…css/fonts/fontawesome-webfont.woff?v=4.2 (2days)

· https://www..com/…nt/themes/salient/css/fonts/linecons.ttf (2days)

· https://www..com/…/themes/salient/css/fonts/steadysets.ttf (2days)

您可以使用和啟用瀏覽器緩存使用htaccess，但有一些限制，如果操作不爭取網站可能被分解。

那么如何輕松利用瀏覽器緩存？使用Wp Fastest Cache WordPress插件來完成這項工作。只需激活，默認設置將為您找到竅門。

我對設置做了調整，請參見下圖像設置CSS：

縮小https://www..com/...content/themes/salient/style.css?ver=7.5可以在壓縮后節(jié)省11.2KiB（減少13％）

縮小https://www..com/...hemes/salient/css/responsive.css?ver=7.5可以在壓縮后節(jié)省2.8KiB（減少15％）

縮小https://www..com/.../assets/css/js_composer.min.css?ver=4.12可以在壓縮后節(jié)省1.7KiB（減少13％）

縮小https://www..com/...emes/salient/css/woocommerce.css?ver=7.5可以在壓縮后節(jié)省1.2KiB（減少11％）

如何壓縮上述CSS內容？

讓我們以前安裝的Autoptimize和WP Fastest Cache Plugin與這個頑皮的男孩戰(zhàn)斗，拯救我們，提高我們的速度。

想看看我在這篇文章中實現的結果嗎？

根據GMetrix，我的主頁速度得分是58，Ylow得分是75.現在，我的頁面分數是70，Ylow得分是84.我的網站發(fā)送了83個請求，現在只發(fā)送51。根據Pingdom的說法，我的網頁加載不到2秒。

當前標題：網站頁面速度SEO終極指南
網址分享：http://jinyejixie.com/news/187232.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供云服務器、網站制作、網站設計、建站公司、全網營銷推廣、企業(yè)網站制作

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

網站頁面速度SEO終極指南