UI 性能因素考慮

時間 2019-11-13

標籤性能因素考慮欄目系統性能简体版

原文原文鏈接

瀏覽器的最大併發鏈接數通常在4到6之間，首先了解影響加載的性能因素：css

（1）下載的文件太大html

（2）發出的請求太多前端

（3）請求相應不及時後端

針對這些因素，通常會考慮減小請求次數：瀏覽器

（1）對靜態文件設置緩存事件緩存

（2）頁面設計儘可能簡潔服務器

（3）合併文件（html，JS， css，圖片..）網絡

再細緻一點：多線程

（1）頁面實現按需加載（分時加載）併發

（2）頁面提交，考慮異步執行

(3)頁面加載考慮多種優化方案

通常將css在<head>標籤加載，Js 在的<body>底部加載

優化方向：

請求數量合併腳本和樣式表 css sprites, 拆分初始化負載，劃分主域

請求帶寬開啓GZIP，精簡JS code，移除重複腳本，圖像優化

緩存利用使用CDN，使用外部JS，CSS 添加Expire 頭，減小DNS查找，配置ETag, 使AJAX可緩存

頁面結構樣式頂部，js底部，避免頁面加載阻塞，儘早刷新文檔流輸出

代碼校驗避免CSS表達式，避免重定向

YUI Compress 壓縮工具 -》精簡JS

服務器端安裝GZIP自動壓縮功能模塊

CDN-》內容分發網絡，可以實時地根據網絡流量和各節點的鏈接，負載情況以及到用戶的距離和相應時間等信息將用戶請求導向到離用戶最近的服務節點。

‘查找----替換’的思路，來實現主域的劃分

總之，作前端開發必定要考慮瀏覽器兼容性和UI性能的設計，重要的是用戶體驗。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。