為什麼我的官網開啟速度這麼慢?善用Google提供的分析工具找出原因

響網站開啟與載入速度的因素有很多,當你想要更完善你的官網,加入詳細、豐富的內容導致網站需要傳送的資料也逐漸擴增,這些都會影響網路傳輸資料的速度,增加載入時間。在競爭高的市場上,我們必須確保自己的網站使用快速、流暢,加強使用者經驗,才能給你的顧客有安心、貼心、放心第一線的服務。

 

善用Google提供的免費工具幫你檢定你的官網品質分數

 

首先你要先知道自己的官網載入的速度、整個網站的品質分數有多少,以及網站的相關狀況才能優化並加強。網站的載入速度對於SEO有極大影響,小編這裡提供一個超級公平、公正、公開又非常好用的PageSpeed Insights網頁效能工具 <https://developers.google.com/pagespeed/> ,它可以直接幫你分析網頁內容並提供建議,協助改善網頁速度哦!

第一步:

進入PageSpeed Insights以後是這樣子的畫面
google speed

第二步:

把官網網址貼上輸入網址的地方後,按下分析
我們來看看某家廣告打很兇的網站設計公司其中某大飯店官網來檢測一下…
Site-Quality03

Site-Quality04

Site-Quality05

紅標驚嘆號不及格需要改善的地方,都可以點下去看整個分析成果,及可以加強的部分
它會分成行動版本跟電腦版本去做檢測分析,右邊會呈現其版本在裝置上的畫面,PageSpeed Insights 會根據下列兩項指標來衡量網頁效能:

  • 載入不需捲動位置的時間:自使用者要求新網頁,到瀏覽器呈現不需捲動位置的內容所經過的時間。
  • 載入完整網頁的時間:自使用者要求新網頁,到瀏覽器呈現完整網頁內容所經過的時間。

然而,由於網路連線速度快慢差異很大,因此 PageSpeed Insights 只會從與網路無關的方面來檢視網頁的效能表現,包含:伺服器配置、網頁的 HTML 結構以及使用的外部資源 (如圖片、JavaScripte 和 CSS)。

拿愛思科的客戶-瑋特貓咪生活館的官網做範例

Enter-a-URL

Site-Quality01

 

PageSpeed 的評分範圍介於 0 到 100 之間。分數以高為佳,獲得 85 以上分數即表示網頁的執行效能良好

我們切換到電腦版的檢測分析結果吧!Site-Quality02

真的不得不驕傲一下,愛思科在網站速度及品質這塊很要求並且用心,才能拿到三料Google85以上綠色認證冠軍的成績。

關於網站速度品質的6大關鍵因素

 

1.主機

主機等同於整個網站最重要的基底,它的品質與效能決定了網站先天條件好壞,主機應包含基礎的CPU處理速度、記憶體大小、硬碟的種類、網路上傳及下載速度、流量、系統的環境、是否能夠獨立作業、自動備份…等,選對主機是一件非常重要的事情。

2.輕量化原始碼

避免過多冗贅的語法,網站的原始碼體積越,相對的優化越,對於搜尋引擎而言用了多少色彩、過度花俏的程式編列這些都不重要,重要的是網站文案的內容和細膩的關鍵字編排呈現。

 3.優化圖片及影音

有的網站設計為了讓網站更加視覺化,會將網頁放置一些動畫影音元素,甚至會有非常圖片檔,有些還會加上背景音樂…等,這些都會造成網站在載入的時候速度緩慢的元兇。網站上使用大量javascript是大忌,不僅搜尋引擎無法收錄,同時會不斷提交請求增加伺服器負擔,如果真的想要放置影片在網頁裡面,小編會建議你最好將影片放置於YouTube中,利用影音串流方式撥放,如此一來,於播放影片時,就不會佔到自己網站的頻寬囉(播放影片會使用YouTube影音主機的頻寬)。

4.降低HTTP請求

HTTP請求簡單來說,是指網路使用者輸入一個網址或進入一個網站瀏覽時,透過瀏覽器載入網頁物件與伺服器間來回的請求與應答,載入物件可能包括圖片、樣式表、JavaScript字串、外部檔案等等,大量的HTTP請求將延遲網站載入速度,有時需等待好幾秒才能完全載入。
HTTP server-01

減少網頁不必要的的內外部物件,可以降低HTTP請求次數。

 

對於網站速度到底有多重要,小邊用一張圖告訴你

Web speed

網頁慢了1秒的速度,你將輸掉那麼多事情…如果你想要贏在起跑點上,這些都是你應該要注意到的喔!

覺得文章不錯?幫我們分享一下吧

分享到Facebook或是Line動態按鈕,電腦版在左側←,手機版在下方↓,好的文章值得讓更多人看見,感謝您的閱讀與支持。

♞有(2)個人都在說…

  • 這篇文章寫的非常仔細又專業,所以不光是網站的主機要選擇,網站程式在撰寫的時候也要注意架構,然後網站的呈現方式也還要考慮到,真是一個非常麻煩的工作…那你們做網站怎麼算啊?
    我剛剛測了我的網站http://www.lijenbag.url.tw/…『行動版』只有24分『使用者體驗』也只有67分,『電腦版』也只有32分,請問要如何改善??

    • icisco愛思科網路行銷 - 2016/03/30

      前愛思科有推出針對「小型公司」專業型SEO網站999方案,只要您是小型公司登記未滿3年、有限(股)公司資本額300萬以下,都可以使用官網999元/月方案,只要每個月999元就可以擁有一個官網,而且也包含響應式網站(適應手機、平版畫面),不過要綁約3年(不然會虧錢),3年後隨時可以解約用多久算多久。

      網域與主機我們都會幫您架設好,但是需要額外收取費用,國際型網域.com:700元/5年、雲端高速主機:8000元/5年。

      簽約時您需要支付的費用為700+8000+第一個月月租費

      為什麼愛思科要推這個方案呢?

      由於愛思科長期以來都是以網路行銷服務為主,有鑑於太多小型公司沒有太多資源與預算,由於現代人用手機看網路資訊已經是不可抵擋的趨勢了,所以有一個符合行動螢幕的網站已經是網路行銷不能缺乏的功能,但是有很多做了網站的公司後來發現,做了網站之後根本沒什麼人進到網站來看,原因是因為一開始就沒有考慮到網站的『行銷功能』

      但是做網站無非不就希望能吸引網路上的客群嗎?…然而,你找到的網頁設計公司,他們的專長主要是架設一個網站,很多時候並不是以「行銷」的角度出發,所以很多功能(例如:seo、網站速度、使用者流程UI/使用者體驗UX)都不是非常注重,這會導致後續的行銷上的障礙。

      所以我們推出了著重在行銷功能的網站,而且把一開始做網站的費用降到最低(每個月999元),讓動輒一開始要付好幾萬的網站,一開始只要付網站主機8000元/5年+700元國際網域/5年+第一個月租費,也就是用不到1萬塊的預算就可以擁有一個優質的網站。

      讓您可以把原本拿來做網站其它的預算拿來做行銷,並且愛思科會教你怎麼樣去用最省錢又最有效率的方式來行銷網路上的客群,希望可以回饋7年來支持愛思科的「小客戶」。

  • 分享看完文章的感想...

    你的電子郵件位址並不會被公開。 必要欄位標記為 *

    Scroll Up