最新消息

news
網頁設計-最新消息

[ 如何提高網站活絡性(1) ]

[ 2016.05.02]
為什麼今天Web性能是至關重要的所有網站所有者。在這篇文章中,我們重點關注,你可以申請,以確保您的內容加載速度極快的所有用戶。實用技巧,  網站優化是每個人!
有許多的所有網站應實現網絡性能相關的任務,不論建設網站時所採取的方式。這些應該在可能的情況,與您的開發和部署工作流程適當整合。有很多免費的工具可以幫助每個任務。下面列出的所有項圍繞降低文件的大小,或降低所需的請求的數目,因為這兩種可降低性能。
 
1.圖像優化
  • 所有圖像要壓縮盡可能減小文件大小。您可以使用免費的工具,如 ImageOptim, PNG笞刑, JPEG優化和 TinyPNG。由於許多工具,壓縮級別可手動設置,導致巨大的文件大小減少,很少或沒有用戶可感知缺點。
  • 圖像應大小正確。也就是說,如果你是顯示一個200×200的圖像,那麼就不要在200×200尺寸顯示400×400。有一個在發送一個更大的圖片,如果不打算它顯示出來,或者如果它不會以適應設備的屏幕上沒有任何意義。
  • 使用正確的類型圖像:
    • WebP :這個新圖像格式是平均25-34較小%比同等的JPEG圖像。因此它應該盡可能使用。缺點是的WebP還沒有在FirefoxSafari瀏覽器或IE /邊緣支持
    • JPG / JPEG :如果圖像是攝影或複雜場景使用此功能。
    • GIF如果你需要動畫和透明度或使用此。適合需要小標誌,和其他簡單的圖像。
    • PNG :適合用直線的圖像。壞的照片。還支持透明。
    • SVG :矢量圖像,這是與分辨率無關。適合徽標,圖標和幾何圖像,這將保持在不同的屏幕尺寸清晰,視網膜屏幕
    • BMP :不使用它在網絡上,永遠!