移動端的優化

2021-10-09 08:24:50 字數 689 閱讀 8640

"width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" name=

"viewport"

/>

"yes" name=

/>

-》 第二個meta標籤是iphone裝置中的safari私有meta標籤,它表示:允許全屏模式瀏覽

"black" name=

/>

-》 第三個meta標籤也是iphone的私有標籤,它指定的iphone中safari頂端的狀態條的樣式;

"telephone=no" name=

"format-detection"

/>

-》第四個meta標籤表示:告訴裝置忽略將頁面中的數字識別為**號碼

2.這個 .passive 修飾符尤其能夠提公升移動端的效能

"onscroll"

>

...<

/div>

3.object.freezn()

將頁面不需要動態更新的資料用object.

freezn

(obj)凍結起來,可以提公升頁面效能(5

~6)倍

移動端效能優化?

盡量使用css3動畫,開啟硬體加速。適當使用touch事件代替click事件。避免使用css3漸變陰影效果。可以用transform translatez 0 來開啟硬體加速。不濫用float。float在渲染時計算量比較大,儘量減少使用 合理使用requestanimationframe動畫代替s...

移動端網路優化

乙個網路請求可以簡單分為連線伺服器 獲取資料兩個部分。其中連線伺服器前還包括 dns 解析的過程 獲取資料後可能會對資料進行快取。一 連線伺服器優化策略 1.不用網域名稱,用 ip 直連 省去 dns 解析過程,dns 全名 domain name system,解析意指根據網域名稱得到其對應的 i...

移動端互動優化

1 移動web頁面上click事件響應有300ms延遲 原因 移動裝置訪問的web頁面都是pc上的頁面。在預設viewport 980px 的頁面往往需要 雙擊 或 捏開 放大頁面。而正是為了確認使用者是 雙擊 還是 單擊 safari 需要300ms 的延遲來判斷。而後來的iphone,andro...