如何加快網站速度,做出google最喜歡的超順暢網站?專家告訴你

圖片檔案太大 壓縮和裁切

動畫效果太多

外掛程式過多

適度使用第三方程式碼

網站結構問題

網站主機問題

 

 

圖片檔案太大 壓縮和裁切

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

 

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

 

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

 

動畫效果太多

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

 

外掛程式過多

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

 

適度使用第三方程式碼

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

 

網站結構問題

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

 

網站主機問題

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

 

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

 

 

arrow
arrow
    全站熱搜

    website.462112 發表在 痞客邦 留言(0) 人氣()