提高中心點網站速度的最佳實踐

blank

您的中心點網站是否速度緩慢和/或未能生成線索?很可能它沒有正確優化。在這個博客中,Tenten 的高級前端開發人員弗朗切斯科·布里佐分享了最佳實踐提示以及他關於如何提高 HubSpot 網站速度的建議。

多少次,你聽到人們抱怨他們全新的HubSpot網站,儘管投入了大量的時間和金錢,其生產?您可能聽到他們抱怨負載的速度有多慢,或者它不生成任何引線。

作為狂熱的 HubSpotters,我們在 Tenten 知道,成長驅動型設計 (GDD) 和 入站行銷 是產生更多高品質線索的答案。GDD 使我們能夠在不到 13 周內開發具有戰略效力、面向前景的網站,並且入站確保我們的行銷附帶材料吸引我們的目標受眾。

但是,雖然我們已經在那裡,做到了,並得到了T恤,那些剛剛開始與增長驅動的網站開發可能會錯過一些令人難以置信的重要的東西,這是確保他們的網站足夠快,以產生線索。

"您的網站是否足夠快,能夠生成線索?"

當我說"生成引線"時,我不是具體談論轉換過程,而是網站頁面在交互之前載入需要多長時間。事實是,一個緩慢的網站將影響用戶體驗,這反過來又會降低網站轉換訪問者的能力。

頁面載入時間是一個非常重要的衡量標準,尤其是在為行動使用者優化網站方面。此外,由於移動流量在 2015 年 超過了桌面 流量,移動流量將在兩年內佔到所有 Web 流量的 三分之二 ,因此移動優化網站是每個業務必經之地。

但是,構建和創建具有移動回應能力的網站是常見做法,但測試網站的速度也很重要,而不是辦公室的 4/5G 連接。

在高速移動連接上測試網站會對其性能產生偏差視圖。在高速連接中,我們沒有注意到在較慢的連接上可能明顯的載入問題,不考慮這一點將導致網站指標惡化和潛在潛在客戶的丟失。

移動速度至少與移動回應性同樣重要,因此網站的發展應考慮到這一點。你可以有最漂亮的網站,但如果使用者無法訪問,閱讀,滾動或與它互動,你不會得到任何轉換。

這還不是全部。如果您關心 SEO(嗯,您必須😊),請注意,緩慢的網站可能會影響您在 Google 上的排名,因為自 2017 年 Google 移動第一指數實施以來,它被認為是一個明確的 排名因素

現在,我已經強調了為什麼網站速度是重要的,我將分享一些最佳實踐建議和可操作的提示,以説明您提高您的HubSpot網站速度。

在 Tenten,我們建議 HubSpot 網站頁面在五秒鐘內載入,因此讓我們看看您可以做些什麼來實現這一點。

測試。 測試。 測試。

無論你做什麼,測試都很重要!

在直播之前,您應該測試網頁的速度,然後如果您打算添加新內容,請留意它。值得慶幸的是,您可以使用一系列工具來測試其性能。

以下是一些最受歡迎的:

頁面速度洞察

一個谷歌工具,報告移動和桌面設備頁面的真實性能,並提供如何改進該頁面的建議。

網頁測試

使用真正的瀏覽器以消費者連接速度運行來自世界各地的免費網站速度測試,並提供詳細的優化建議。

GA 頁面計時報告

谷歌分析報告,讓您執行對單個頁面性能的詳細分析。

圖像和視頻:小心處理!

圖像和視頻的檔大小將影響頁面載入時間,檔越大,網頁載入的時間越長。以下是在為 Web 處理圖像 / 影片時應避免的一些事情。

不要上傳最高品質的版本-高清圖像使用很多根本不在螢幕上呈現的細節,所以5MB的圖像只會減慢其打開的網頁。相反,使用更小和壓縮的資產版本。網路上有很多壓縮工具,如 小 png小 jpg, 您可以使用這些工具來壓縮和優化圖像,而不會造成品質上的大損失。

不要使用更大的規格 - 有時我們上傳圖像和視頻,無論其尺寸,因為我們知道,級聯樣式表 (CSS) 將螢幕渲染到正確的比例尺度。但是,即使樣式表相應地調整圖像或視頻,也很難確保圖像和視頻大小達到所需的尺寸(否則,您最終可能會在小型 150x150 框中呈現巨大的橫幅大小的圖像或視頻)。

不要使用錯誤的格式-圖像和視頻格式創建不相等,一些格式應該用於品質,而其他格式可用於減少檔大小。始終在不同的格式之間進行測試,以在檔大小和質量之間找到最佳的折衷方案。

讓您可以讓您可以將更多的資訊器影像

您是否壓縮了代碼?

網路上的大部分頁面都是使用以下三種語言構建的:

HTML5 ShieldHTML - 超文字標記語言,它設定頁面的內容和結構(包括標題、段落等內容)。

CSS3 Shield-1CSS - 級聯樣式表,設置樣式和演示文稿(包括顏色、字體、間距等)。

JavaScript ShieldJS - JavaScript,它設置使用者與您的網站互動的方式(這包括導航、小部件、表格等)。

與編寫一樣,編碼語言可以使用各種樣式編寫。

想想小說和報紙文章的區別:在小說中,你會為讀者提供盡可能多的細節,而報紙文章往往是簡潔和點。

移動編寫代碼應類似於寫報紙文章:代碼越短,瀏覽器下載網頁的時間就越短。應始終壓縮移動友好程式碼。

通常,您可以通過減少評論次數、不相關字元、冗餘屬性或不必要的代碼來壓縮代碼。或者,如果您不是編碼類型,則可以根據 CSS 迷你機JS 壓縮等(根據您使用的代碼)使用在線壓縮工具。

嘗嘗安培的味道

如果您正在考慮在 HubSpot 網站的部落格/新聞版塊上測試加速移動頁面 (AMP),現在是時候了。

基本上,AMP 支援一系列設計和編碼原則,從而改善行動裝置上的使用者體驗和流覽。通過將適用的網頁切換到AMP,您可以在兩秒鐘內載入這些頁面。如果你想學習如何啟用谷歌AMP為您的HubSpot博客,請查看 本文

有點後端介面...

請不要逃跑,我不會要求你照顧你的伺服器。但是,在處理速度緩慢的網站時,有一些技術概念值得瞭解,以便將特定請求傳遞給您的 IT 部門:

瀏覽器快取 - 當使用者連接到您的網站時,您的網站會共用有關使用者瀏覽器可以本地保存哪些 Web 內容的說明,以便下次存取時不需要下載資料。此過程稱為瀏覽器緩存。您可以使用瀏覽器快取來增加頁面載入速度,將您擁有的所有靜態資產(如圖像或 JAvaScript)本地存儲在使用者的瀏覽器中。

時間到第一 Byte (TTFB) - 每個網站都託管在伺服器(主機),這意味著每次您連接到一個網站,你發送請求,伺服器承認該請求,並將頁面發送回給你。這個過程通常需要不到一秒鐘的時間,稱為"第一個節點的時間"。如果伺服器出現問題,頁面載入速度可能會受到影響。

重定向鏈-您可能需要設置HTTP 301重定向以將網頁訪問者移動到新頁面。但是,如果您為同一頁面多次這樣做,則最終可能會創建一個迴圈。例如,您首先將頁面 A 重定向到 B 頁,然後將頁面 B 重定向到 C 頁。這意味著,如果您跳轉到 A 頁,您將被重定向到 B 頁,然後最終出現在 C 頁。這些長鏈可以真正影響頁面載入速度,因此您可能需要設置每個頁面直接跳到最後一個頁面。例如,A 頁和B頁都應指向C頁。

現在,你有一個很好的概述,你可以採取行動,並開始測試您的頁面速度。

請注意,即使此類指標聽起來可能純粹是技術問題,營銷人員也應該真正關心,因為這將對您的轉換漏鬥和指標產生影響。

您的中心點網站是否速度慢?

預訂諮詢我們的專家之一。

來源: 提高中心點網站速度的最佳實踐


開始你的旅程與 銷售團隊替代: 中心點 Crm 快:

What do you think?

Written by hubdigital

blank

入站 18 – 你能期待什麼?

blank

在 COVID-19 期間保持團隊連接的虛擬想法