首頁 > 相關知識 > 文章內容

2023/01/31 回上頁

影響網站速度的原因有哪些?怎樣讓網站跑得飛快

影響網站速度的因素

網站速度受到很多因素的影響:例如圖片大小、動畫效果、網站主機、第三方追蹤碼等,在這裡專家告訴你常見六大原因,以及詳細內容,讓您可以有最基本的知識,去調效自己的網站速度。

圖片檔案太大 壓縮和裁切

動畫效果太多

外掛程式過多

適度使用第三方程式碼

網站結構問題

網站主機問題

 

 

圖片檔案太大 壓縮和裁切

一般來說,網站用的資源裡面,圖檔常常是最佔傳輸空間的,文字檔/程式碼無論再豐富,也不過30-50kb而已,但是一個不起眼的小風景圖片,很容易就超過200kb了。所以圖檔大小是影響網站速度最常見的原因。

 

很多客戶在後台上架自已的產品圖片時,就直接原始檔上傳上去,完全不壓縮也不裁切,原圖檔案太大了,網站速度幫然會被圖片拖垮,其實和大圖輸出不同,一般網站用的圖檔都很小, 所以圖片一定要裁切後再壓縮再上架,或是透過網站程式自動壓縮技術去縮減圖片的大小,這樣就可以大大加速網站速度了。

 

網站程式自動壓縮是有缺點的,就是壓縮後圖片品質可能不一致,因為是自動壓縮,所以品質可能會很差。所以圖檔建議還是用桌機的縮圖壓縮程式,手動裁減圖片,現在網路上有很多免費的縮圖軟體/裁切軟體,都可以下載來用;另外圖檔還可以換為webp檔等次世代格式,可以把圖檔縮的更小,進一步加速網站速度。

 

動畫效果太多

早期網頁設計公司很喜歡做很炫的動畫,常常造成網站速度變慢,但是網站主要是服務客戶的,不是用來讓設計師展現技術的,如果網站因為開啟慢而被客戶放棄,結果動畫都沒跑完且網站內容也沒機會展示,那就很可惜了的得。其實網站放太多的動畫並沒有太大的必要,說到底網站還是以文字圖片呈現比較清楚,更容易被訪客了解,用多的動畫常常是網站速度的元兇,網站建議不要開啟多餘的動畫效果,動畫效果雖然可以增加網站的觀賞度,但一定要選擇不會影響網站速度過多的效果或動畫。

 

外掛程式過多

很多網頁設計公司,並不會自己寫程式,往往需要一個功能時,就會去載入很多免費的套件來使用,因此整個網站載滿了一大堆過多的外掛程式,或者整個網站直接用免費的Wordpress套版,然後又外掛很多沒用到的模組,造成網站變得超級龐大又笨重,所以外掛程式用得太多也是影響網站速度的重要原因。

 

適度使用第三方程式碼

很多網站為了理解網站流量等資訊,會使用免費的第三方追蹤碼,例如Google Analytics 追蹤碼、ADS轉換碼、GTM、臉書pixel追蹤碼、其他功能程式碼,這些程式碼會埋在網站的程式內,網站被營覽器載入時就會去呼叫這些外連的程式,當然為了某些目的或者客戶要求,使用第三方追蹤程式碼有時是不可避免的,建議可以盡量減少重複功能或沒用到的追蹤碼,否則一個追蹤瑪呼叫不成功或,就會大大降低網站開啟的速度。

 

網站結構問題

網站慢有時是網站結構的問題,例如目前很多網站公司採用了Bootstrap或wordpress架構去做網站,但是又不會改,因此容易產生太多的程式碼讓網站變慢;或者網站公司利用特定軟體去切版,而不是自己純手動去切版,經程式切版出來的程式碼,常常有太多多餘的code在裡面。以上這些都是因網站結構造成網頁開啟速度變慢的原因,所以一個效能高的網站,會需要一個專業負責切版的工程師,可以用最少最精簡的code去製作出網站版型,讓網站效能達到最佳化。

 

網站主機問題

有些網頁設計公司為了省錢,會使用國外的主機去架站,台灣訪客要看網站,勢必要連接到國外主機,長長路程當然會比放台灣主機的網站慢很多;或者主機本身的效能太差,或是頻寬不足,這些都足以影響網站速度,

 

如何改善主機造成網站速度慢的問題?如果網站規模中規中矩,可以使用一般共享的虛擬主機就可以了,如果是ˋ是中等規模網站建議可以採用獨立雲端主機,如果是規模很大的網站平台,有大量的訪客和會員,就要用多台主機跑一個網站,像臉書、Google那樣,有成千上萬台主機跑一個網站,不過這種情況一般幾乎遇不到,如果網站需要是外銷到國際,希望全世界都可以很快開啟網頁,那可以考慮加購專業的CDN服務,提昇網站速度。

 

 

聯絡資訊

0935892259

line:mucorales

早上10:00~晚上9:00

服務項目

網頁設計 RWD網頁設計 購物網站 形象網站
網路行銷 google關鍵字行銷 seo關鍵字排名 google商家行銷 內容行銷 部落格行銷 臉書行銷 品牌行銷
網站排名 google關鍵字排名 網站seo優化 網站關鍵字排名 網站seo報價
程式開發 專案程式開發 進銷存系統 定位系統 訂房系統 庫存系統
APP開發 公司APP 購物APP
諮詢服務 不管網路大小事都歡迎您來電詢問

服務項目

網站首頁 作品展示 相關知識 常見問答 亦達優勢 官方臉書 聯絡我們
網站logo-高雄網站頁設計
高雄網頁設計 作品展示 相關知識 常見問答 關於網頁設計 官方臉書 聯絡我們
回到網站頂端 電話icon line icon
e-design logo

ELITE WEB DESIGN