如何使您的網站速度加倍 SiteGround 教程

已發表: 2019-12-10

我將向您展示如何在您使用 SiteGround 時將網站速度提高一倍,您無需支付任何費用,我們將使用的所有工具實際上都已包含在您的託管包中.

所以讓我們開始吧。

讓我從這個視頻的一開始就說,這根本不是 SiteGround 的推銷。

它主要適用於已經擁有 SiteGround 並希望使他們的網站加載更快的人。

現在,SiteGround 的好處是,通常您用來使您的網站更快的工具每年會花費您數百美元,但當您擁有 SiteGround 時則不會。

他們已經包括在內。

問題是大多數人甚至不知道其中包括什麼。

包含的內容太多了,如果您使用的是 SiteGround,您將在這篇文章中了解它。

現在,當然,如果您沒有 SiteGround,您可能想觀看此視頻,然後決定您是否喜歡他們的軟件包中免費包含的內容。

網站速度神話

現在,在我們深入探討之前,我想消除一些關於擁有網站的網站速度神話。

誤區 1:慢速網站在 Google 中的排名不高

還有許多更重要的排名因素,而網站速度只是所有因素中最不重要的。

真正發生的是緩慢的網站速度會產生糟糕的用戶體驗。

糟糕的用戶體驗會導致跳出率增加。

這就是人們訪問您的網站時離開您網站的時間。

這是一個重要的排名因素。

所以一個緩慢的網站不會像你想像的那樣影響你的排名。 這確實是導致高跳出率的原因。

你有多少次訪問一個網站並且你在那裡?

已經四五六秒了。 它沒有加載您想要的信息。 您知道在 Google 上該頁面上還有其他九個列表。

你做什麼工作?

您從網站跳出,然後點擊返回,這是一個影響您排名的排名因素。

所以我們真正想做的是優化您的網站以獲得用戶體驗,而不是谷歌。

誤區 2:緩慢的網站是由頁面構建器造成的

第二個誤解是,您選擇使用的頁面構建器或您選擇用於構建網站的主題正在降低您網站的速度。

嗯,稍微,但它不是一個重要的因素是人,你會讓你相信。

這只是很好的營銷。

網站速度的 5 大支柱

好的。 現在我們已經消除了這些神話,是時候開始優化您的網站並了解網站速度的五個支柱了。

支柱 1:獲得良好的託管

現在網站速度的第一個支柱將是獲得良好的網絡託管。

現在好消息是,您正在使用 SiteGround,它是一個很棒的網絡主機。

因此,此支柱更適用於使用低預算託管或免費託管的人,因為在託管方面您最終會得到您所支付的費用。

現在,如果您不使用 SiteGround,我記得我在下面有一個鏈接,可以享受 70% 的折扣,而且我還包括課程獎金。

所以 SiteGround 有三個計劃。 你會想要參與成長大計劃或 GoGeek 計劃。

我知道只需獲得入門計劃就可以每月節省 2 美元,但另外兩個計劃包括啟動計劃中不提供的額外性能選項。

因此,如果您正在製定啟動計劃,您可以按照此視頻進行操作,但您可能需要考慮聯繫 SiteGround 併升級到成長計劃。

現在,當您在 SiteGround 上安裝 WordPress 時,它們將包含一個名為 SG Optimizer 的插件。

在這裡,我正在安裝 WordPress。 我會點擊插件,你可以看到它就在這裡,SG Optimizer。 現在當你激活它時,這裡會有一個新選項,上面寫著 SG 優化器,這裡是這個插件的所有設置。

網站速度的第二個支柱是優化您的圖像。 當您開始構建您的 WordPress 網站時,您會想要上傳圖片。 現在,問題在於圖像的質量往往比您需要的要高得多,這會導致文件非常大。 因此,每次有人訪問您的網站時,他們都必須下載大圖像。

因此,您將獲得一些出色的性能提升。 通過優化這些圖像。 現在通常您必須支付每月服務費用來優化圖像,但如果您有 SiteGround,則不需要。 它包含在 SG 優化器插件中。 所以這裡我們在插件設置。 這裡的最後一個選項是圖像優化。

我們將繼續並單擊它,這裡有一些我們可能想要啟用的設置。 因此,第一個是在將新圖像上傳到您的網站時對其進行優化。 您將要啟用此選項。 所以這意味著下次您上傳圖像時,SG 優化器會為您處理好它。

下一個選項是,如果您已經上傳了圖片,您可以在此處單擊此按鈕,它將返回並為您優化媒體庫中的所有圖片,這就是優化圖片的全部內容。 網站速度的第三個支柱是使用內容交付網絡。

這裡。 我登錄到 SiteGround,我將點擊此處顯示網站的位置,然後單擊此處顯示站點工具的位置,然後單擊顯示速度的位置。 然後我將單擊此處顯示 CloudFlare 的位置,這是我們可以啟用 CloudFlare 與 SiteGround 集成的地方。

現在,當您啟用 CloudFlare 時,您網站上的一些資產將被推送到全球的雲、flare 和服務器網絡。 現在這意味著如果有人在地球的另一端。 訪問您的網站、圖片,以及與您的網站相關的大量資源。

為了加載它,我們實際上將從本地服務器加載到它們。 地理上。 這將大大改善訪問者在您網站上的加載時間和網站速度。 現在,CloudFlare 有一個免費的基本計劃。 他們還有一個高級計劃。 我已經使用 CloudFlare 至少五年了,除了基本計劃,我從來沒有使用過任何東西,它會超出你的需要,你會在你的網站上看到巨大的速度提升。

所以我要向下滾動,這裡是在我們的網站上運行的三個步驟。 因此,讓我們繼續並單擊設置按鈕。 在此步驟中,您可以創建一個新的雲耀斑帳戶,或者您可以單擊此處顯示連接現有的並登錄到您現有的雲耀斑帳戶。

因此,由於我已經有一個雲耀斑帳戶,我將使用我現有的帳戶登錄。 但是對於您來說,如果您沒有帳戶,請繼續創建一個新帳戶。 偉大的。 我已經登錄了我的帳戶,您已經創建了一個新帳戶。 因此,下一步是在此處選擇您要連接的域名,cloudflare,然後您需要單擊免費激活以將您的網站連接到 CloudFlare。

現在在這裡,您還可以看到一些可以在您的網站上使用的雲耀斑設置。 sitespeed 的第四個支柱是使用 . 緩存以及什麼是緩存,它是否會創建您網站的靜態副本,因此當人們查看您的網站時,需要在幕後進行的活動較少,這可能會減慢訪問者查看您網站的速度。

我知道這是一個複雜的解釋,只是為了理解如果您使用的是 WordPress。 您需要使用某種形式的緩存。 現在使用 SiteGround 的巨大好處是他們在這個服務器託管帳戶的幕後透明地做了很多這種緩存。 他們只是為你做,但你必須真正打開它。

所以我在這裡,登錄到站點地面控制面板。 因此,您只需單擊顯示速度的位置即可。 然後這裡有一個新選項,它說緩存。 我們要繼續點擊它。 這就是我們要啟用的地方。 您網站上的兩種不同類型的緩存。 所以第一個是它說靜態緩存的地方,你會看到你已經連接到 SiteGround 的網站列表,你所要做的就是像這樣打開它。

現在您的現金已開啟。 這裡有第二種類型的緩存,稱為 Memcached。 讓我們單擊它,這是一種適用於您的整個託管帳戶的緩存。 我們將繼續並單擊此處也將其打開。 現在這兩個緩存。 機制有辦法讓你清空現金。

如果你登錄到 SiteGround,你可以這樣做的方式是這個小掃帚,它就在右邊,上面寫著沖洗現金。 您可以單擊它來刷新 Memcached,當您使用靜態現金時,還可以選擇在此處刷新現金。 現在我們還必須在這裡啟用一些選項。

在您的網站上的 SG 優化器插件中。 第一個選項卡是超級收銀機設置。 我們將要在此處顯示動態緩存的地方切換它,然後我們將在此處顯示 Memcached 的地方切換它。 現在,您可能需要了解一些用於動態緩存的附加選項。

第一個選項就在這裡,您可以清除緩存並將其清空。 頂部的管理欄中也會有一個選項。 清空現金。 接下來是自動現金清除。 您將希望啟用此功能。 您想要了解的主要選項就在這裡。 它說,不包括 URL。

根據您擁有的網站類型,您網站的某些部分可能無法包括兌現,因為這會導致問題。 您通常會在基於電子商務的網站上看到這一點。 這是因為這些類型的網站上有很多動態選項,而兌現是行不通的,對吧?

因此,您將在此處將 URL 放置到要從緩存中排除的頁面。 您所要做的就是在此處輸入 URL,然後單擊排除位置以將其添加到排除列表中,現在您的站點將成為。 全額兌現。 站點速度的最後一個支柱將是額外的性能優化。

現在 SG 優化器或插件也將為您提供一些不同的選項。 所以第一個是延遲加載圖像。 這意味著當訪問者加載您的頁面時。 它不會顯示它們,也不會加載圖像,直到它們滾動到該圖像應該位於的頁面部分。

這將使您的網站加載速度更快,並讓您的網站訪問者感覺更快。 因此,為了實現這一點,我們將單擊此處顯示圖像優化的位置,這是顯示延遲加載圖像的選項。 我們將打開它。 如果我們願意,它在這里為我們提供了一些額外的選擇。
懶加載。 這些將包括 Gravatar、RS、縮略圖、響應式圖像、小部件和移動設備上的延遲加載。 因此,您可以根據需要打開這些。 我肯定喜歡延遲加載、Gravatar、RS 和縮略圖。 其餘的對您來說是可選的。 如果延遲加載導致某些問題,您可以將網站的某些部分從延遲加載中排除。

您只需將 CSS 類放在這些元素上。 這有點技術性。 您可以在此處執行此操作,然後單擊排除。 現在有額外的優化,對吧? 這是環境優化的一個選項。 您將需要向下滾動並確保打開 G zip 壓縮。

最後,前端優化就在這裡。 現在,這些可能有點棘手,有時您可能會遇到一些麻煩,因此我建議您一個一個啟用它們。 然後驗證它沒有在您的網站上引起任何奇怪的行為。 現在,您應該可以非常安全地切換縮小 HTML 輸出。

您還應該安全地啟用所有各種縮小選項。 所以這是一個縮小 JavaScript 文件的方法。 這是一個縮小 CSS 文件的方法。 現在延遲渲染阻塞 Java 腳本。 這可能會導致問題。 當您啟用此功能時,您將在此處收到警告,您可以確認是否要激活它。

所以這是你肯定要在前端驗證它是否引起問題的地方。 這是組合 CSS 文件的另一個選項,這也可能導致一些問題。 如您所見,它不會觸發警告消息。 但只要知道這也會導致問題。

有時。 接下來,我們優化了無害的 Google 字體加載。 讓我們打開它。 接下來是從靜態資源中刪除查詢字符串。 這在過去給我帶來了問題,所以要小心。 當插件或主題關閉作者發布新更新然後您的網站上的事情開始變得不穩定時,您會看到這個選項會導致問題。

最後是禁用的表情符號。 這並不意味著表情符號不會在您的網站上運行。 這只是意味著它將以更優化的方式加載。 現在我將快速瀏覽一下我網站的前端,確保沒有明顯的問題,然後我將進行快速速度測試。

所以這是網站,到目前為止它看起來還不錯。 我的圖片正在加載,對吧? 這些小圖標正在顯示。 這通常是您看到的問題。 如果你遇到任何問題,呃,間距是正確的。 有時,如果存在問題,這些可能會重疊。

一切看起來都很完美。 事實上,這看起來非常好。 好的,所以我要去 GT metrics.com,然後我將繼續粘貼到該網站的 URL,並在後面加上一個斜杠,點擊此處表示測試您的網站。 它只需要一點時間,它要做的是下載您的網站。

它會給你一些數據。 它會讓你知道加載需要多長時間。 它會告訴你有多少請求,它會給出一些任意的分數。 現在,我建議不要太重視這個分數。 如您所見,分數是。 相當高,a和b在這裡加載時間非常快,1.2秒,一個頁面,不到一兆字節,只有32個請求。

這是一個使用 Ella 導師的網站。 現在,我總是說,不要把這些分數看得太重。 真正重要的是當有人訪問您的網站時您的網站感覺如何,但您可以從該測試中看到該網站的加載速度非常快。 這對於擁有所有這些圖像的網站來說真的很好。

好吧,你有它。 這就是使用 SiteGround 使您的網站加載速度非常快的方法,我希望您也看到了從 SiteGround 獲得的巨大價值。 通常,您每年必須支付數百美元才能獲得能夠完成它們為您提供的所有功能的插件。

已經使用您與他們的服務。 這是我推薦使用 SiteGround 的原因之一,因為它們為您提供了所有這些額外的好處,您不必去購買它們,並且它們得到了您的網絡主機的正式支持。 SiteGround,如果您沒有 SiteGround,請考慮使用我在下方提供的鏈接,或者如果您確實訂購了 SiteGround,請考慮使用 WPcrafter.com/siteground,我會附上課程獎金。

這將幫助您充分利用。 建立一個網站,並最大限度地發揮作用。 戴夫,你在這個視頻中發現了一些價值,我當然希望你做到了。 考慮豎起大拇指並與朋友分享。

如果您有任何問題,我鼓勵您在下面的評論部分提問。

我喜歡回答您的問題並儘我所能幫助您。 嘿,謝謝收看,我們下個視頻見。