其他還有哪些影響網頁分數的細節-網路傳遞顯示速度

圖檔大小是影響網站速度最常見的原因,很多人上架網站圖片都不壓縮也不裁切直接把原圖放上去,原圖檔案太大了,網站速度會被圖片拖垮,圖片裁切後一定要壓縮以後再上架

,或是透過主機自動壓縮技術去縮減圖片的大小,自動壓縮有個缺點就是壓縮完之後圖片品質不一,因為是自動壓縮,如果品質原本就很差。壓縮完會很模糊,還是手動壓縮完用肉眼判斷品質可能比較保險

動畫過多

網頁設計公司做了很炫的動畫造成網站速度慢,網站是要服務瀏覽者不是用來炫技,如果因為網站慢而被放棄瀏覽,動畫沒跑完內容也沒有機會呈現,真的得不償失。過多的動畫效果真的很不必要,到底是內容重要還是動畫重要?過多過大的動畫是網站速度的殺手,可以的話盡量不要使用多餘的動畫效果

掛程式過多

很多後端工程師不夠懂JS程式(JavaScript),所以用了很多套件但是又不會改,因此常常載入過多的JS外掛程式,或有人是採用Wordpress之類的免費套版,然後外掛很多模組造成網站變得又龐大又慢,去用上述的JS網站測速工具測試看看就知道網站速度是快或慢,外掛程式用得好不好也是網站速度的重要關鍵。

網站結構問題

網站結構好不好是除了圖片、動畫以外最重要的網站速度快慢因素,很多前端工程師採用了Bootstrap架構但是又不會改,因此會產生多餘的程式碼讓網站變慢,RWD會在桌機、平板、手機使用一樣的圖,手機載入桌機一樣的大圖會比較慢,所以必須將網站的圖做優化,RWD需做調整才能改善網站速度,另外就是用Dreamweaver軟體去切版也會有產生過多HTML碼的狀況

不當使用第三方程式碼

像是Google Analytics 追蹤碼、ADS轉換碼、GTM、臉書pixel追蹤碼、其他功能程式碼...,都稱作第三方程式碼,通常會埋在網站的程式裡面,網站在跑的時候就會去呼叫這些外連的程式,如果外部程式呼叫不順利或是太慢,就會拖垮網站的速度

非內建網站字型過多

網站可以自訂字型,如果是各大瀏覽器的標準字型,那麼就已經是內建字型了,網站不用載入速度最快。如果網站選的是非內建字型,那就第一次來網站的瀏覽者必須下載字型(自動),像是Google標準字型很多都要1~2M,網站選擇的字型如果有大量都是非內建字型,那網站就會因為要下載字型而變慢,網站速度就會受到影響,建議可以多用內建字型,當然這是取捨問題,選用字型讓網站構有個性,但就是會犧牲網站速度。

Google 的核心排名系統旨在獎勵提供良好網頁體驗的內容。網站擁有者如果希望透過此系統取得優秀排名,則不該只注重網頁體驗的一兩個層面,相對的,應該確認自己是否在各方面都提供了良好的整體網頁體驗。

如果您針對下列問題回答「是」,表示您或許能提供良好的網頁體驗:

  • 網頁是否有良好的 Core Web Vitals?
  • 網頁是否以安全的途徑提供?
  • 內容是否適合在行動裝置上顯示?
  • 內容是否避免含有過量廣告,讓讀者不會易於分心或干擾主要內容?
  • 網頁是否避免有插頁式廣告干擾?
  • 網頁是否經過精心設計,讓訪客能夠輕鬆區分網頁的主要內容和其他內容?

這些問題並未涵蓋所有網頁體驗的考量層面。不過,這類問題與下列的參考資源,或許可協助您提供整體上良好的網頁體驗。