網(wǎng)站頁面速度SEO終極指南

2022-08-08    分類： 網(wǎng)站建設

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

除了排名之外，更快的網(wǎng)站加載速度直接關系到更多的瀏覽量和較低的跳出率。Google發(fā)現(xiàn)，網(wǎng)站加載速度在5秒以內的，瀏覽量會提高了60％，跳出率將降低了35%。
由上可知，網(wǎng)站必須要快速的加載，尤其是在移動端，這樣SEO也會更好做。
但是，我們如何知道我們的網(wǎng)站是否在移動端加載速度變快了呢？這看上去是一個很棘手的問題。
幸運的是有一些免費的工具可用，我們可以用來檢查網(wǎng)站的頁面速度。甚至，他們向我們提供了用某些特定文件調整我們網(wǎng)站的建議，以及在加載頁面中影響大的因素。
話不多說，現(xiàn)在來一一介紹：
1、檢查網(wǎng)站頁面速度的工具
2、什么是加載時間或得分方理想的網(wǎng)頁
3、如何加快您的網(wǎng)站和獲得一個好的網(wǎng)站頁面速度得分？
4、優(yōu)化網(wǎng)站圖片
5、修復渲染阻止JavaScript和CSS
6、減少服務器響應時間
7 、縮小JavaScript
8、利用瀏覽器緩存
9、縮小 CSS
10、結果
11、的SEO技巧
檢查網(wǎng)頁頁面速度的工具，所有的工具都可以免費使用，大多數(shù)工具我都親自使用過，所以我們繼續(xù)往下說：
1：桌面端Google Page Speed Tool
2：移動端Google Page Speed Tool
3：YSlow - Chrome / FF / Safari和Opera的插件/擴展
4: WebPageTest --從世界的多個位置測試您網(wǎng)站的速度和性能
5：TMetrix - 獲取網(wǎng)站速度分數(shù)和建議，以便改善。
6. Pingdom頁面速度測試 - 免費監(jiān)控您的頁面速度。
7：Google Analytics（分析） - 為你的所有熱門網(wǎng)址獲取平均頁面加載時間以及建議。
雖然每個工具的得分略有不同，因為每個工具使用自己的算法測試站點。但是，使用至少3個上面提到的頁面速度工具可以得出關于頁面速度的好結論。
專業(yè)提示：
我建議您使用Google Analytics分析（我將在本文后面介紹如何使用）Google 頁面速度工具和GTMetrix來分析您的分數(shù)和頁面加載時間，并了解通過優(yōu)化那些以獲得更好的效果。那么，目標的推薦速度分數(shù)是多少？100以內最少是什么？我們來談談這個，以的成績作為我們的目標。
什么是加載時間或得分理想的頁面？
在SEO世界;頁面速度分數(shù)和頁面加載時間有一些矛盾。有些人要求跟隨評分，有些則要求我們專注于平均頁面加載時間而不是分數(shù)。對我來說，您的網(wǎng)頁速度分數(shù)和網(wǎng)頁加載時間兩者都將改善您的網(wǎng)站，在一天結束的時候獲得更好的排名、跳出率和更多轉化。通常，得分和時間是共通的，如果站點加載速度變快，顯然你的速度得分會更高。
根據(jù)Doubleclick，3秒可能是好基準目標。5秒是高的基準，您的網(wǎng)站的主頁不應該超過這個時間。通常，首頁具有比您網(wǎng)站其他頁面更多的數(shù)據(jù)，小部件和腳本。所以，優(yōu)化主頁最終也會影響我們的內部頁面。
專業(yè)提示：
確保您的網(wǎng)站首頁在3秒內加載，內部網(wǎng)頁將在2秒以內加載。
那么，如何優(yōu)化網(wǎng)站頁面速度并獲得一個很好的得分，最終得到一個更快的加載站點（只需3秒內加載）？
如何加快您的網(wǎng)站和獲得一個好的網(wǎng)站頁面速度得分？
讓我們優(yōu)化我們的官方網(wǎng)站，并了解使其一步步加快的的指導方針，從這里開始 。
1、 檢查您現(xiàn)有的分數(shù)，并獲得有關改進的建議（大多數(shù)工具都免費提供）。登錄到您的Google Analytics（分析）帳戶，轉到“行為”選項卡，然后切換到“站點速度”，然后單擊“速度建議”選項卡。這是基于“每天”的數(shù)據(jù)。
我最喜歡GoogleAnalytics的頁面速度分析功能，它會分析您網(wǎng)站的所有首頁，并顯示哪些特定網(wǎng)頁需要很長時間加載，以及是分數(shù)多少。但也歡迎您使用GTmetrix或Pingdom進行分析。
你可以看到（在上圖中），我的主頁比其他頁面需要花費更多的時間來加載。這是因為，主頁擁有比其他頁面更多的數(shù)據(jù)，腳本，內容塊和圖像。我的主頁的頁面速度分數(shù)為58，加載時間為4.25秒，Google給出優(yōu)化我的主頁以提高頁面分數(shù)的7個建議。
2、點擊“頁面速度建議”列中的 “7total” 建議，查看Google建議您執(zhí)行的操作5秒是高的基準，您的網(wǎng)站的主頁不應該超過這個時間。通常，首頁具有比您網(wǎng)站其他頁面更多的數(shù)據(jù)，小部件和腳本。所以，優(yōu)化主頁最終也會影響我們的內部頁面。
3、我找到了導致緩慢加載時間的關鍵元素的列表。只需點擊“顯示如何修復”選項卡（可折疊），你會發(fā)現(xiàn)所有關鍵因素。哪些是Google建議我調整的，包括：優(yōu)化圖片、消除渲染,屏蔽JavaScript和CSS、減少服務器響應時間、縮小JavaSript、利用瀏覽器緩存、縮小CSS。
值得一提的是每個網(wǎng)站都不一樣，您網(wǎng)站的建議可能會略有不同。但根據(jù)我的經驗，80％的網(wǎng)站加載時間受到上述列出的原因的影響。所以請繼續(xù)關注本指南。
注意： 我列出的上面所有的建議，逐一解決。將主要側重于基于WordPress CMS的網(wǎng)站和解決方案。但是，每個步驟背后的技術也可能對其他CMS /代碼也是有用的。
優(yōu)化網(wǎng)站圖片
讓我們檢查一下Google發(fā)現(xiàn)的未優(yōu)化的圖像集。以下是Google Suggestions的一些案例：
壓縮并調整大?。海ㄟ@邊就不輸入這個網(wǎng)址了）可以節(jié)省106.3KiB（減少98％）
壓縮并調整大?。海ㄟ@邊就不輸入這個網(wǎng)址了）可節(jié)省51.9KiB（減少94％）
壓縮并調整大?。海ㄟ@邊就不輸入這個網(wǎng)址了）可以節(jié)省46.3KiB（減少99％）。
壓縮并調整大小：（這邊就不輸入這個網(wǎng)址了）可以節(jié)省43.1KiB（減少98％）。
我們可以做的是 - 用Photoshop壓縮和調整這些圖像的大小，或使用在線圖像調整工具或使用WordPress插件，這將自動壓縮和調整您的網(wǎng)站圖像的大小。
用Photoshop打開您的圖像，然后轉到文件菜單，并從下拉菜單中單擊“保存為Web”選項。將打開一個新窗口，您可在其中設置“預設”（右上角）。將圖像設置為“JPEG Medium”，并保存圖像。在您的網(wǎng)站上重新上傳已處理的圖像。
我們可以做的是，使用Photoshop壓縮和調整這些圖像的大小，或使用在線圖像調整工具或使用WordPress插件，這將自動壓縮和調整您的網(wǎng)站圖像的大小。用Image resizer工具執(zhí)行此操作，只需轉到TinyPNG并上傳圖像。下載已處理的圖像并在重新上傳到您的網(wǎng)站。這里有一些我已經用TinyPNG調整過大小的圖像，最終的圖像被壓縮了72％，成為原始圖像尺寸的一半（會伴隨有質量的惡化）。
要使用插件執(zhí)行此操作，請使用Smush WordPress插件。我曾經用于WordPress的的調整圖片的插件之一。在免費版本上，只需點擊一下即可壓縮50張圖片。所以，每50個圖像被處理后，你必須再次運行粉碎。
專業(yè)提示：
從現(xiàn)在開始，當您需要在您的網(wǎng)站上發(fā)布圖片時，請轉到TinyPNG，調整/壓縮圖像并在網(wǎng)站上上傳已處理的圖像。了解您網(wǎng)站上所需圖片的大小，把你的圖片做成同樣大小。而不是上傳更較大的圖片，并讓您的主圖自動調整大小。修復渲染--阻止JavaScript和CSS
本節(jié)中Google的發(fā)現(xiàn)如下：
· 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是我們網(wǎng)站編碼結構的重要組成部分。沒有JavaScript，我們在許多情況下不會獲得正確的功能。除了CSS，我們不能指望一個擁有非常棒的設計風格的網(wǎng)站。但是，有時候，我們的開發(fā)人員在代碼上提出了一些條件，這就是為什么在折疊內容之前，首先需要首先加載JavaScript和CSS，然后加載自己（內容），而這并不總是必需的。這種條件JavaScript和CSS實際上被稱為渲染阻止JS和CSS。
那么，如何解決這個問題呢？
使用自動優(yōu)化WordPress插件，它將修復您的渲染阻止問題。安裝此插件，轉到自動優(yōu)化設置，并選擇他們在儀表板上顯示的三個選項，名為HTML選項，JavaScript選項和CSS選項。
減少服務器響應時間Google在這里向我顯示了一個信息，我們官網(wǎng)的服務器響應時間為1秒。這是消息，但Google 開發(fā)者建議我們將服務器響應時間保持在200ms以下，那么，如何減少服務器響應時間？有三個步驟來實現(xiàn)：
1、將所有外部CSS文件合并到一個文件中；
2、結合所有的JavaScript文件；
3、啟用Lazy加載圖像文件，使內容加載快速，圖像加載緩慢。
與您的網(wǎng)絡托管商聯(lián)系。如果可能，升級到SSD /專用服務器。除了主機/服務器，上面提到的所有其他三個選項可以通過前面提到的自動優(yōu)化插件修復
JavaScript縮小
Google 網(wǎng)頁速度顯示以下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文件。利用瀏覽器緩存每次訪問者訪問您的網(wǎng)站時，都不需要加載某些日期。標識，CSS文件，字體，Google Analytics JS和第三方腳本可以從訪問者瀏覽器上存儲的先前數(shù)據(jù)輕松加載。我們的網(wǎng)站沒有啟用此功能，因此，找到以下瀏覽器緩存：
· 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，但有一些限制，如果操作不爭取網(wǎng)站可能被分解。
那么如何輕松利用瀏覽器緩存？使用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)斗，拯救我們，提高我們的速度。
想看看我在這篇文章中實現(xiàn)的結果嗎？
根據(jù)GMetrix，我的主頁速度得分是58，Ylow得分是75.現(xiàn)在，我的頁面分數(shù)是70，Ylow得分是84.我的網(wǎng)站發(fā)送了83個請求，現(xiàn)在只發(fā)送51。 根據(jù)Pingdom的說法，我的網(wǎng)頁加載不到2秒。

當前名稱：網(wǎng)站頁面速度SEO終極指南
分享鏈接：http://muchs.cn/news32/187232.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計公司、網(wǎng)頁設計公司、響應式網(wǎng)站、網(wǎng)站策劃、面包屑導航、網(wǎng)站排名

廣告

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

成都定制網(wǎng)站網(wǎng)頁設計