對於乙個產品，效能在使用者體驗中是必不可缺的一環。效能優化是個長遠的事情，聯想到導航專案，列出以下效能優化的方案：
一. 基本的**層面優化；
1：合理使用css
1）正確使用display屬性 display屬性會影響頁面的渲染，因此請合理使用
2）display:inline後不應該再使用width、height、margin、padding以及float
3）display:inline-block後不應該再使用float
4）display:block後不應該再使用vertical-align
5）display:table-*後不應該再使用margin或者float
2：不濫用float
3：不宣告過多的font-size
4：值為0時不需要單位
5：標準化各種瀏覽器字首
1）無字首應放在最後
2）css動畫只用（-webkit- 無字首）兩種即可
3）其它字首為 -webkit- -moz- -ms- 無字首四種，（-o-opera瀏覽器改用blink核心，所以淘汰）
6：選擇器
7：避免讓選擇符看起來像是正規表示式。高階選擇器不容易讀懂，執行耗時也長
8：盡量使用id、class選擇器（避免使用內嵌style）
9：盡量使用css3動畫
10：資源載入原則：按需載入和非同步載入
11：首次載入不超過1024kb（或者可以說是越小越好）
12：壓縮html、css、js
13：減少重繪和回流
14：快取dom選擇和計算
15：盡量使用事件**,避免批量繫結事件
16：使用touchstart，touchend代替click
17：html使用viewport
18：減少dom節點
19：合理使用requestanimationframe動畫代替settimeout
20：適當使用canvas動畫
21：touchmove, scroll事件會導致多次渲染
22：避免空src（空src在部分瀏覽器中會導致無效請求）
23：避免30*/40*/50*請求錯誤；
二. 框架級的優化；
使用第三方資源時，由於資源不可控，所以需要慎重選擇。原則是根據專案需求與其對效能的影響去綜合考慮，然後選擇合適的框架以及庫檔案。同時需要使用非同步載入的方式來載入，避免第三方資源的使用影響專案本身的效能；
三. 網域名稱/服務端的優化；
1. 啟用gzip壓縮；
2. 資源快取，長cache：合理設定資源的過期時間，對於一些長期不更新的靜態資源，時間設定長一些；
3. 減少cookie：減少cookie頭資訊的大小，大小越大，傳輸速度越慢；
4. cdn加速：或者css，js均可使用cdn來加速；
四. 服務端介面優化；
1. 介面合併：例如乙個頁面需要請求兩部分以上的資料介面，則建議合併成乙個，可以減少http請求數；
2. 減少資料量：去掉介面返回的資料中不需要的資料；
3. 快取資料：首次載入請求一次後，快取下來資料；非首次請求優先使用上次請求的資料，這樣可以提公升非首次請求載入速度；
h5頁面開發
相信大家在做h5頁面開發的時候，也會遇到一些問題。筆者將h5開發過程中常見的一些問題和解決辦法列舉出來，有需要的朋友可以參考一下。1.安卓瀏覽器看背景，有些裝置會模糊。同等比例的在pc端頁面和移動手機端頁面的解析度差很多，原因和devicepixelratio有關。手機解析度比pc端的解析度小，按照...
H5及H5頁面是什麼意思？如何製作H5頁面？
h5是html5的簡稱。html5是html最新的修訂版本，是一種超文字標記語言。h5有兩大特點 首先，強化了 web 網頁的表現效能。其次，追加了本地資料庫等 web 應用的功能。第二步 選擇 高階模式 點 建立應用。第三步 進入製作頁面。九個控制項，通過點選新增到製作介面，控制項的選擇使用按照你...
h5頁面的寫法 移動端h5頁面寫法
1.頁面寬度320，所有元素尺寸設一半 缺點 不自能適應全屏 2.頁面寬度640，元素尺寸正常 暫未發現問題 3.頁面寬度640，js控制自適應全屏 adaptuilayout.adapt initviewportwidth 缺點 qq空間分享後點開頁面套在qq預設瀏覽器裡有相容性問題 4.rem寫...