九個加快網站速度的方法-SEO最重要的要素之一
文章推薦指數: 80 %
而影響網頁的越小,讀取速度越快,網站也越快。
... 頁面大小包含製作網頁的所有文件,包含HTML文檔、css檔以及任何的圖片、腳本(script)或其他媒體。
Skiptocontent九個加快網站速度的方法-SEO最重要的要素之一主頁>SEO,搜尋行銷,網路行銷>九個加快網站速度的方法-SEO最重要的要素之一上一頁下一頁九個加快網站速度的方法-SEO最重要的要素之一內容目錄3個免費的網站速度測試平台9個加快網站速度的方法1.降低頁面大小(pagesize)2.調整圖片大小及壓縮圖片3.移除沒用到的自訂字形4.壓縮使用的文檔壓縮HTML壓縮CSS壓縮JavaScript5.使用網站快取Cache以及CDN(ContentDeliveryNetwork,內容傳送網路)6.使用LazyLoad(延遲加載)7.小心使用第三方程式碼8.換個更好的網站主機9.對於行動裝置,提供AMP加速行動網頁如果談到SEO(Searchengineoptimization,搜尋引擎最佳化),其中最重要之一的要素就是網站的速度。
而影響網頁的越小,讀取速度越快,網站也越快。
網站速度會影響人們繼續觀看或使用你的網站的意願。
根據Pindom的數據,24%的使用會放棄使用一個需要超過4秒鐘來讀取的網站,38%的用戶會放棄需要超過5秒鐘來讀取的網站。
跳出率與網站速度的關係–資料來源:https://royal.pingdom.com/page-load-time-really-affect-bounce-rate/ 因為速度快的網站可以創造更好的使用者體驗,所以Google已經將網站速度列為SEO最重要的指標之一。
因此,為了提升與保持排名,你需要盡可能地讓網站速度加快。
以下提供幾個不同的測速平台,可以用來測試你的網站速度。
3個免費的網站速度測試平台GTmetrixGooglePageSpeedInsightsHubSpotWebsiteGrader然而這邊讀出的數據,未必就完全等於SEO的好壞。
以Google自家的產品YouTube為例,我們用Google提供的PageSpeedInsights來分析,結果如下:YouTube在電腦版網頁這個項目的頁面性能只獲得了40分,滿分為100分,GooglePageSpeedInsight給的評價是:”這個網頁的載入速度為緩慢”,原因是YouTube上面放了比一般網站更多的影片,這會多少會影響了網站的讀取的速度。
不過呢,我們大部分人使用YouTube的實際體驗可能不會覺得”緩慢”,因此PageSpeedInsights也說了這邊的分數僅能當作提供參考,不是直接當作SEO的標準。
9個加快網站速度的方法1.降低頁面大小(pagesize)頁面大小越大,資料傳輸所需的時間越久,因此首先要做的是減輕你的網站頁面,降低使用者的下載及讀取的負擔,降低幫你的網頁減重,可以有效率的讓你的網站速度變快。
頁面大小包含製作網頁的所有文件,包含HTML文檔、css檔以及任何的圖片、腳本(script)或其他媒體。
根據httparchive的統計,在2020年,平均桌面網頁的大小微2080KB,平均移動網頁的重量為1885KB,這個數據逐年的上升(參考下圖)。
不過要注意的是,這個數據是指一般的網頁平均大小,代表很多網站可能遠遠低於這個大小,而部分網站則是遠大於這個數字。
平均網頁大小–資料來源:https://httparchive.org/reports/page-weight?start=2020_02_01&end=latest&view=list因此,你要檢視你頁上的所有元素、圖片、影片,是否都是必要的?是否可以做刪減。
部分的網頁特效,也可能會吃掉大量的資源及流量,是否保留這也是你要思考的。
通常電商的網站已經有較多的圖片或影片,網頁通常比較大,幫網頁減肥與瘦身就是非常重要的一件事情。
2.調整圖片大小及壓縮圖片大部分讓網站變的肥大的最主因,就是過於肥大的圖片。
舉例來說,你的原始圖片是2000x2000像素的照片,而在網頁上呈現的大小只有500×500像素,這時候就不要使用原始圖片,因為兩者的大小就差了四倍,這會浪費使用者許多流量。
你應該做的是只放上剛好要呈現的大小的圖片。
此外,你還可以通過壓縮圖片來進一步縮小圖片的大小並維持圖片的尺寸,這可以進一步的減少載入網站的時間。
通常建議網頁使用的圖片格式為.jpg,這種圖片格式可以有效的壓縮圖片大小。
同時,你還可以利用這些網站來幫你的圖片在不失真太多的情況下,在線上進行壓縮:Tinyjpg/Tinypng支援格式:.jpg .png他們也有提供wordpress專屬的外掛可以在你每次上傳檔案時候自動壓縮。
Squoosh(Google提供)支援格式:.jpg .pngCompressor.io支援格式:.jpg .pngCompressjpeg.com支援格式:.jpg .png.pdf 3.移除沒用到的自訂字形大部分網站都會自訂字形,這會讓你的網站比較有個性,但缺點是字體檔案是必須要被下載的,這會占掉一部分的網站流量。
以google推出的思源黑體為例,只使用標準字重的思源黑體,檔案就要大約1200KB。
如果用到加粗或是其他字形,檔案又更大了。
4.壓縮使用的文檔這邊的壓縮是包含你所使用的HTML、CSS、JavaScript等這類的檔案,在刪除不必要的資料,包含註釋與空格,沒被使用到的程式碼,使用較短的變數與函數名稱。
壓縮HTML可以使用GooglePageSpeedInsights提供的工具,他可以分析你的HTML頁面,他會提供一系列的優化建議。
壓縮CSS你可以使用這些工具來壓縮你的CSS檔案cssmin.js壓縮JavaScript這則是用來壓縮JavaScript檔案的工具ClosureCompilerJSMin5.使用網站快取Cache以及CDN(ContentDeliveryNetwork,內容傳送網路)使用cache可以將已經下載過的檔案存在使用者的裝置內,當使用者第二次來到我們網站時,就不用下載相同的檔案,藉此達到加速的目的。
CDN服務則是一種透過多個戶相連接的網路系統,利用最靠近使用者的伺服器,更快的提供其文字、圖片、影片或其他檔案給使用者,可以更快的將資料傳送給使用者,並降低主要伺服器的負擔。
這個服務尤其是對於主機架設於外國伺服器的或是使用者遍布世紀各地的網站,透過CDN可以讓你的網站資料存在世界各地的CDN服務器。
而全球知名的Clodflare提供了免費的CDN的服務,我們非常推薦使用他們家的服務。
6.使用LazyLoad(延遲加載)當網站圖片較多的時候,網站開啟速度會比較慢,使用LazyLoad的技術,可以讓使用者剛好滑到圖片的時候,才載入圖片。
雖然不能讓網站變快,但會使用者在載入畫面時比較快,達到感覺比較快的體驗。
7.小心使用第三方程式碼很多時候我們網站會嵌入第三方程式碼,有些是含有惡意的代碼會降低網站速度或竊取資料,有些雖然不是惡意程式碼,卻會造成網站速度變慢。
例如直接嵌入YouTube影片到網站中,這可能會造成網站讀取速度變慢,下面就顯示了如果一個頁面嵌入了兩個YouTube影片,在GooglePageSpeedInsights就會跳出警告。
依據不同程式碼及其應用,相對應的處理方式頁不同。
以嵌入YouTube影片這種狀況,我們可以使用LazyLoad的計入去載入YouTube影片達到加速網站的目的。
8.換個更好的網站主機主機是網站的基礎,好的電腦總是跑得比一般的電腦快,主機也是一樣。
除了主機的硬體(硬碟,CPU,記憶體…等)還要考慮的是主機的網路頻寬、主機限制的流量、主機的穩定性,甚至是主機的所在地。
當然,越好的主機的費用也越高,速度與費用之間的取捨,就是你要考慮的了。
9.對於行動裝置,提供AMP加速行動網頁AMP(AcceleratedMobilePages,加速行動網頁), 目的是提升行動裝置(手機、平板、其他移動式裝置)對網站的存取速度。
其具體作法主要是透過『規範HTML框架』、『限制JavaScript』、『GoogleAMP快取』。
2020年Google針對SEO做出的其中一個調整,就是“行動裝置優先”,意思是如果有針對行動裝置做SEO優化,則Google會對這樣的網站給予排名上的獎勵。
NAZKA納斯卡2020-04-12T01:23:19+00:00喜歡這篇文章嗎?歡迎分享!FacebookTwitterLinkedInTumblrEmail相關文章:用lazyload方式嵌入YouTube影片-加速網站速度114月,2020|0條評論掌握這9個要訣,就能寫出好的內容-10分鐘就掌握內容行銷253月,2020|0條評論集客式行銷InboundMarketing是什麼?為什麼有效?怎麼做?223月,2020|0條評論2CommentsJPEGcompresoronline223月,2022於8:27上午Hi,Idothinkthisisagreatsite.Istumbleduponit;)Imayreturnonceagainsinceihavebook-markedit.Moneyandfreedomisthebestwaytochange,mayyouberichandcontinuetohelpothers.Regards,JpegCompression.nethttps://jpegcompression.net/imagetotextconverter233月,2022於8:39上午Hi,Idothinkthisisagreatsite.Istumbleduponit;)Imayreturnonceagainsinceihavebook-markedit.Moneyandfreedomisthebestwaytochange,mayyouberichandcontinuetohelpothers.Yours,ImageToTextOnline.nethttps://imagetotextonline.net/留言Comment記住我的資料×訂閱電子報關閉搜索結果:近期文章用lazyload方式嵌入YouTube影片-加速網站速度九個加快網站速度的方法-SEO最重要的要素之一創業啟動資金從哪來?如何找到人來投資你的事業?掌握這9個要訣,就能寫出好的內容-10分鐘就掌握內容行銷集客式行銷InboundMarketing是什麼?為什麼有效?怎麼做?分類CodingSEO內容行銷創業好用工具搜尋行銷網站架設網路創業網路行銷集客式行銷標籤chrome外掛googleanalyticsorganicsearchSEOutm追蹤碼使用者體驗內容行銷創業反向連結品牌意識外部連結外部鏈結搜尋引擎優化搜尋行銷數位行銷短網址精實創業網站加速網站架設網路行銷網路行銷利器自然搜尋自然搜尋流量週末創業集客式行銷集客行銷我們的Facebook不再錯過好文章訂閱電子報
延伸文章資訊
- 1九個加快網站速度的方法-SEO最重要的要素之一
而影響網頁的越小,讀取速度越快,網站也越快。 ... 頁面大小包含製作網頁的所有文件,包含HTML文檔、css檔以及任何的圖片、腳本(script)或其他媒體。
- 2使用它真正加快瀏覽器上網速度!令網頁讀取速度更快!
- 3網頁速度Page speed 如何優化?10 個網站速度優化項目!教學
網頁速度的英文叫做Page speed,網頁速度也是SEO 優化中的一環,因為網頁 ... 檔案因為放在</body>標籤前面,所以是頁面渲染快結束的時候再進行讀取。
- 4越來越重要的SEO優化項目:『網站速度』優化 - Harris先生
尤其自從Google發布了網頁體驗訊號(Page Experience)之後,網站速度顯然只會越來 ... 從『排名訊號』的角度以及從SEO技術優化的『爬取』角度來看,網站速度都是至關 ...
- 5網頁速度好慢?你真的知道什麼是網頁速度嗎 - 快樂學程式
而Google在2018年1月在官方部落格發表了”Crawl Budget”這篇文章,文中提到,因為搜尋引擎的效能是有限的,所以在每個網站所能讀取的資料量也是有限的。