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

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

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

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

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

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

廣告

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

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)