首頁部落格網頁設計優化打造高性能網站

Ryan

May 31, 2017

讓公司平均年齡上漲的宅男，經營過動漫社團、當過電玩雜誌特約作者。興趣是電競與科技，關注新趨勢購物，尤其是冷門商品、或尚未上市的群眾募資商品。網路行銷一做就是十幾年，認為這個業界需要更開放交流，才能成長與突破。

網頁設計優化打造高性能網站

影響網頁性能的環節很多，可能有數百種影響的因素，能夠提昇或是減緩你的網頁速度表現，雖然追查起來十分的困難，但許多工具能夠協助管理者找出問題，提昇網站速度，優化網頁設計的表現。

以下是影響網頁的常見問題：

主機與頻寬

硬體的表現直接影響網站速度，例如主機的穩定、主機的品質、主機的規格是最直接影響網頁處理速度的因素，尤其在多人觀看時，效能低落的主機很容易就看得出執行速度的缺點。

頻寬也是一個影響網頁的關鍵，雖然大多數的網路主機廠商都提供足夠的頻寬，但可能因為流量超過限度導致降速或無法運行網站，若對於網站頻寬有疑慮，應該與你的主機商反應，或是將主機移到可靠的網頁設計公司或電信商。

近年資訊安全受到了很大的挑戰，每年都有成千上百的網站受駭，惡意的用戶也可能是影響網站速度的黑手，請密切與你的網頁主機商合作，他們有更多專業的知識可以保護你的網站同時，維持高品質的速度。

網頁內容優化

內容是網頁優化的至高關鍵，只要內容優化得正確，可以讓網站差上數倍的執行效能。

最經常遇到的優化關鍵點在於影音的部份，其中圖片是網站優化的重點，圖片若沒有經過妥善的優化處理，就會拖累網站的表現，即使網頁設計得再好都沒有用，圖片的壓縮建議可以參考設計軟體的建議。

此外，圖片的尺寸設定也有助於優化，可別看編輯器中所提供的長度與寬度尺寸自訂功能，設定的話可以讓網頁先預留空間於網頁上，可以略為加速網頁的執行效能。

影片目前大宗主流是透過影音社群放在網站上，優點多多，然而也有一些公司堅持將影片放在公司的網站上，然而一般的網頁伺服器並非專用的影音伺服器，不僅加重主機的負擔，也會快速吃掉公司租用的頻寬流量。

近期我們發現，有一些網頁設計師會使用外部的資源，例如Google的字型、Google的程式庫...等，可能也會帶給網站一些讀取上的影響。

網站程式精簡是比較工程師端需要注意的地方，許多網頁的呈現能免除掉程式就盡量免除，降低對於程式的需求，是提昇網站速度的好策略。

最後，檢測速度

除了使用自己的電腦、手機執行看看網頁的速度外，你還有很多網頁測速工具可以使用。

Google的speedtest頁面會給予你很多優化的建議，寫得都十分的白話，對於企劃人員幫助很大。如果你已經是網站管理員，Analytics的Site Speed data、Page Timings report、Speed Suggestions report與Bing Webmaster都有相對應的工具可以測試。