網(wǎng)站頁面速度SEO終極指南
2022-08-08 分類： 網(wǎng)站建設(shè)
隨著過去幾年移動(dòng)端用戶的大幅增加，Google對(duì)網(wǎng)站加載速度的要求變得非常嚴(yán)格。他們甚至正式宣布，網(wǎng)站加載速度是Google考慮網(wǎng)站排名的200個(gè)排名因素中最重要的因素之一。
除了排名之外，更快的網(wǎng)站加載速度直接關(guān)系到更多的瀏覽量和較低的跳出率。Google發(fā)現(xiàn)，網(wǎng)站加載速度在5秒以內(nèi)的，瀏覽量會(huì)提高了60％，跳出率將降低了35%。
由上可知，網(wǎng)站必須要快速的加載，尤其是在移動(dòng)端，這樣SEO也會(huì)更好做。
但是，我們?nèi)绾沃牢覀兊木W(wǎng)站是否在移動(dòng)端加載速度變快了呢？這看上去是一個(gè)很棘手的問題。
幸運(yùn)的是有一些免費(fèi)的工具可用，我們可以用來檢查網(wǎng)站的頁面速度。甚至，他們向我們提供了用某些特定文件調(diào)整我們網(wǎng)站的建議，以及在加載頁面中影響大的因素。
話不多說，現(xiàn)在來一一介紹：
1、檢查網(wǎng)站頁面速度的工具
2、什么是加載時(shí)間或得分方理想的網(wǎng)頁
3、如何加快您的網(wǎng)站和獲得一個(gè)好的網(wǎng)站頁面速度得分？
4、優(yōu)化網(wǎng)站圖片
5、修復(fù)渲染阻止JavaScript和CSS
6、減少服務(wù)器響應(yīng)時(shí)間
7 、縮小JavaScript
8、利用瀏覽器緩存
9、縮小 CSS
10、結(jié)果
11、的SEO技巧
檢查網(wǎng)頁頁面速度的工具，所有的工具都可以免費(fèi)使用，大多數(shù)工具我都親自使用過，所以我們繼續(xù)往下說：
1：桌面端Google Page Speed Tool
2：移動(dòng)端Google Page Speed Tool
3：YSlow - Chrome / FF / Safari和Opera的插件/擴(kuò)展
4: WebPageTest --從世界的多個(gè)位置測(cè)試您網(wǎng)站的速度和性能
5：TMetrix - 獲取網(wǎng)站速度分?jǐn)?shù)和建議，以便改善。
6. Pingdom頁面速度測(cè)試 - 免費(fèi)監(jiān)控您的頁面速度。
7：Google Analytics（分析） - 為你的所有熱門網(wǎng)址獲取平均頁面加載時(shí)間以及建議。
雖然每個(gè)工具的得分略有不同，因?yàn)槊總€(gè)工具使用自己的算法測(cè)試站點(diǎn)。但是，使用至少3個(gè)上面提到的頁面速度工具可以得出關(guān)于頁面速度的好結(jié)論。
專業(yè)提示：
我建議您使用Google Analytics分析（我將在本文后面介紹如何使用）Google 頁面速度工具和GTMetrix來分析您的分?jǐn)?shù)和頁面加載時(shí)間，并了解通過優(yōu)化那些以獲得更好的效果。那么，目標(biāo)的推薦速度分?jǐn)?shù)是多少？100以內(nèi)最少是什么？我們來談?wù)勥@個(gè)，以的成績作為我們的目標(biāo)。
什么是加載時(shí)間或得分理想的頁面？
在SEO世界;頁面速度分?jǐn)?shù)和頁面加載時(shí)間有一些矛盾。有些人要求跟隨評(píng)分，有些則要求我們專注于平均頁面加載時(shí)間而不是分?jǐn)?shù)。對(duì)我來說，您的網(wǎng)頁速度分?jǐn)?shù)和網(wǎng)頁加載時(shí)間兩者都將改善您的網(wǎng)站，在一天結(jié)束的時(shí)候獲得更好的排名、跳出率和更多轉(zhuǎn)化。通常，得分和時(shí)間是共通的，如果站點(diǎn)加載速度變快，顯然你的速度得分會(huì)更高。
根據(jù)Doubleclick，3秒可能是好基準(zhǔn)目標(biāo)。5秒是高的基準(zhǔn)，您的網(wǎng)站的主頁不應(yīng)該超過這個(gè)時(shí)間。通常，首頁具有比您網(wǎng)站其他頁面更多的數(shù)據(jù)，小部件和腳本。所以，優(yōu)化主頁最終也會(huì)影響我們的內(nèi)部頁面。
專業(yè)提示：
確保您的網(wǎng)站首頁在3秒內(nèi)加載，內(nèi)部網(wǎng)頁將在2秒以內(nèi)加載。
那么，如何優(yōu)化網(wǎng)站頁面速度并獲得一個(gè)很好的得分，最終得到一個(gè)更快的加載站點(diǎn)（只需3秒內(nèi)加載）？
如何加快您的網(wǎng)站和獲得一個(gè)好的網(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的頁面速度分析功能，它會(huì)分析您網(wǎng)站的所有首頁，并顯示哪些特定網(wǎng)頁需要很長時(shí)間加載，以及是分?jǐn)?shù)多少。但也歡迎您使用GTmetrix或Pingdom進(jìn)行分析。
你可以看到（在上圖中），我的主頁比其他頁面需要花費(fèi)更多的時(shí)間來加載。這是因?yàn)?，主頁擁有比其他頁面更多的?shù)據(jù)，腳本，內(nèi)容塊和圖像。我的主頁的頁面速度分?jǐn)?shù)為58，加載時(shí)間為4.25秒，Google給出優(yōu)化我的主頁以提高頁面分?jǐn)?shù)的7個(gè)建議。
2、點(diǎn)擊“頁面速度建議”列中的 “7total” 建議，查看Google建議您執(zhí)行的操作5秒是高的基準(zhǔn)，您的網(wǎng)站的主頁不應(yīng)該超過這個(gè)時(shí)間。通常，首頁具有比您網(wǎng)站其他頁面更多的數(shù)據(jù)，小部件和腳本。所以，優(yōu)化主頁最終也會(huì)影響我們的內(nèi)部頁面。
3、我找到了導(dǎo)致緩慢加載時(shí)間的關(guān)鍵元素的列表。只需點(diǎn)擊“顯示如何修復(fù)”選項(xiàng)卡（可折疊），你會(huì)發(fā)現(xiàn)所有關(guān)鍵因素。哪些是Google建議我調(diào)整的，包括：優(yōu)化圖片、消除渲染,屏蔽JavaScript和CSS、減少服務(wù)器響應(yīng)時(shí)間、縮小JavaSript、利用瀏覽器緩存、縮小CSS。
值得一提的是每個(gè)網(wǎng)站都不一樣，您網(wǎng)站的建議可能會(huì)略有不同。但根據(jù)我的經(jīng)驗(yàn)，80％的網(wǎng)站加載時(shí)間受到上述列出的原因的影響。所以請(qǐng)繼續(xù)關(guān)注本指南。
注意： 我列出的上面所有的建議，逐一解決。將主要側(cè)重于基于WordPress CMS的網(wǎng)站和解決方案。但是，每個(gè)步驟背后的技術(shù)也可能對(duì)其他CMS /代碼也是有用的。
優(yōu)化網(wǎng)站圖片
讓我們檢查一下Google發(fā)現(xiàn)的未優(yōu)化的圖像集。以下是Google Suggestions的一些案例：
壓縮并調(diào)整大小：（這邊就不輸入這個(gè)網(wǎng)址了）可以節(jié)省106.3KiB（減少98％）
壓縮并調(diào)整大?。海ㄟ@邊就不輸入這個(gè)網(wǎng)址了）可節(jié)省51.9KiB（減少94％）
壓縮并調(diào)整大?。海ㄟ@邊就不輸入這個(gè)網(wǎng)址了）可以節(jié)省46.3KiB（減少99％）。
壓縮并調(diào)整大?。海ㄟ@邊就不輸入這個(gè)網(wǎng)址了）可以節(jié)省43.1KiB（減少98％）。
我們可以做的是 - 用Photoshop壓縮和調(diào)整這些圖像的大小，或使用在線圖像調(diào)整工具或使用WordPress插件，這將自動(dòng)壓縮和調(diào)整您的網(wǎng)站圖像的大小。
用Photoshop打開您的圖像，然后轉(zhuǎn)到文件菜單，并從下拉菜單中單擊“保存為Web”選項(xiàng)。將打開一個(gè)新窗口，您可在其中設(shè)置“預(yù)設(shè)”（右上角）。將圖像設(shè)置為“JPEG Medium”，并保存圖像。在您的網(wǎng)站上重新上傳已處理的圖像。
我們可以做的是，使用Photoshop壓縮和調(diào)整這些圖像的大小，或使用在線圖像調(diào)整工具或使用WordPress插件，這將自動(dòng)壓縮和調(diào)整您的網(wǎng)站圖像的大小。用Image resizer工具執(zhí)行此操作，只需轉(zhuǎn)到TinyPNG并上傳圖像。下載已處理的圖像并在重新上傳到您的網(wǎng)站。這里有一些我已經(jīng)用TinyPNG調(diào)整過大小的圖像，最終的圖像被壓縮了72％，成為原始圖像尺寸的一半（會(huì)伴隨有質(zhì)量的惡化）。
要使用插件執(zhí)行此操作，請(qǐng)使用Smush WordPress插件。我曾經(jīng)用于WordPress的的調(diào)整圖片的插件之一。在免費(fèi)版本上，只需點(diǎn)擊一下即可壓縮50張圖片。所以，每50個(gè)圖像被處理后，你必須再次運(yùn)行粉碎。
專業(yè)提示：
從現(xiàn)在開始，當(dāng)您需要在您的網(wǎng)站上發(fā)布圖片時(shí)，請(qǐng)轉(zhuǎn)到TinyPNG，調(diào)整/壓縮圖像并在網(wǎng)站上上傳已處理的圖像。了解您網(wǎng)站上所需圖片的大小，把你的圖片做成同樣大小。而不是上傳更較大的圖片，并讓您的主圖自動(dò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，我們?cè)谠S多情況下不會(huì)獲得正確的功能。除了CSS，我們不能指望一個(gè)擁有非常棒的設(shè)計(jì)風(fēng)格的網(wǎng)站。但是，有時(shí)候，我們的開發(fā)人員在代碼上提出了一些條件，這就是為什么在折疊內(nèi)容之前，首先需要首先加載JavaScript和CSS，然后加載自己（內(nèi)容），而這并不總是必需的。這種條件JavaScript和CSS實(shí)際上被稱為渲染阻止JS和CSS。
那么，如何解決這個(gè)問題呢？
使用自動(dòng)優(yōu)化WordPress插件，它將修復(fù)您的渲染阻止問題。安裝此插件，轉(zhuǎn)到自動(dòng)優(yōu)化設(shè)置，并選擇他們?cè)趦x表板上顯示的三個(gè)選項(xiàng)，名為HTML選項(xiàng)，JavaScript選項(xiàng)和CSS選項(xiàng)。
減少服務(wù)器響應(yīng)時(shí)間Google在這里向我顯示了一個(gè)信息，我們官網(wǎng)的服務(wù)器響應(yīng)時(shí)間為1秒。這是消息，但Google 開發(fā)者建議我們將服務(wù)器響應(yīng)時(shí)間保持在200ms以下，那么，如何減少服務(wù)器響應(yīng)時(shí)間？有三個(gè)步驟來實(shí)現(xiàn)：
1、將所有外部CSS文件合并到一個(gè)文件中；
2、結(jié)合所有的JavaScript文件；
3、啟用Lazy加載圖像文件，使內(nèi)容加載快速，圖像加載緩慢。
與您的網(wǎng)絡(luò)托管商聯(lián)系。如果可能，升級(jí)到SSD /專用服務(wù)器。除了主機(jī)/服務(wù)器，上面提到的所有其他三個(gè)選項(xiàng)可以通過前面提到的自動(dò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.
如何解決這個(gè)問題？
像上面的其他解決方案一樣，自動(dòng)優(yōu)化WordPress插件將幫助您為您縮小JavScripts文件。利用瀏覽器緩存每次訪問者訪問您的網(wǎng)站時(shí)，都不需要加載某些日期。標(biāo)識(shí)，CSS文件，字體，Google Analytics JS和第三方腳本可以從訪問者瀏覽器上存儲(chǔ)的先前數(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è)置將為您找到竅門。
我對(duì)設(shè)置做了調(diào)整，請(qǐng)參見下圖像設(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與這個(gè)頑皮的男孩戰(zhàn)斗，拯救我們，提高我們的速度。
想看看我在這篇文章中實(shí)現(xiàn)的結(jié)果嗎？
根據(jù)GMetrix，我的主頁速度得分是58，Ylow得分是75.現(xiàn)在，我的頁面分?jǐn)?shù)是70，Ylow得分是84.我的網(wǎng)站發(fā)送了83個(gè)請(qǐng)求，現(xiàn)在只發(fā)送51。 根據(jù)Pingdom的說法，我的網(wǎng)頁加載不到2秒。
當(dāng)前名稱：網(wǎng)站頁面速度SEO終極指南
分享鏈接：http://www.rwnh.cn/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)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 關(guān)于英文網(wǎng)站優(yōu)化心得 2022-08-08
- 使用交互式404改善SEO的指南 2022-08-08
- 企業(yè)建站能發(fā)揮什么助力 2022-08-08
- 當(dāng)制作的網(wǎng)站不能發(fā)揮作用時(shí)要馬上改版 2022-08-08
- 改善網(wǎng)頁設(shè)計(jì)的4件事 2022-08-08
- 網(wǎng)站建設(shè)該怎樣建才能更有特色？ 2022-08-08
- 你制作的網(wǎng)站，憑什么讓用戶相信？ 2022-08-08
- 網(wǎng)頁設(shè)計(jì)制作必須知道的7個(gè)訣竅，抓緊時(shí)間來看，不看會(huì)后悔! 2022-08-08
- 微信企業(yè)號(hào)要做什么?企業(yè)移動(dòng)辦公大戰(zhàn)一觸即發(fā)! 2022-08-08
- 什么樣的微信朋友圈廣告更吸引人？ 2022-08-08
- 企業(yè)為什么要做一個(gè)營銷型網(wǎng)站？ 2022-08-08
- 淺析網(wǎng)站頁面快照不更新的五大要點(diǎn) 2022-08-08
- 網(wǎng)站推廣如何做能取得更好的效果？ 2022-08-08
- 影響成都網(wǎng)站建設(shè)的用戶體驗(yàn)的是哪些因素呢? 2022-08-08
- 三大原因影響企業(yè)營銷型建設(shè)營銷效果不佳 2022-08-08
- 微信如何找到小程序？哪里可以找到小程序？ 2022-08-08
- 中國家電B2C網(wǎng)站的王者之爭 2022-08-08
- 如何做網(wǎng)頁可以在同行中占到優(yōu)勢(shì) 2022-08-08
- 網(wǎng)站起名的九點(diǎn)技巧 2022-08-08