開發筆記 前端優化

2021-08-09 14:00:02 字數 470 閱讀 2069

這篇部落格主要講在自己開發的過程中遇到的有關於前端頁面優化 的問題。

1、減少http請求

(1)減少請求:在開發的過程中,有時會有很多的小圖,對於這些小圖,可以使用css sprite,將多個小圖合併,這樣只需要請求一張就好了,但是在開發過程中,我發現在移動端的網頁上,使用css sprite會影響banckground-size,不能適配不同的解析度,最後,我選擇將轉化為base64,減少請求。

(2)減少css,js的檔案數量:可以將css和js檔案合併壓縮,從而減少http請求

2、將js檔案放在頁面底部,瀏覽器對於頁面的載入時是可以併發的,但是外聯的js指令碼檔案會阻塞這種載入,影響頁面的響應速度,並且減少標籤的個數可以有效的提高頁面效能。

3、對於一些並不經常改動的css或js檔案,可以將其快取。

4、減少指令碼對dom的操作,每次使用js操作dom都會有效能消耗,可以使用mvvm框架或者mvc框架來減少js對dom的操作。

前端開發筆記

1 移動端控制台 2 頁面布局calc 函式 合理的使用calc函式可以解決一些難纏的頁面布局 比如 自適應布局中空中的字需要超過一定寬度出點點,還不能擠掉後面的 使用固定值和百分比多不合理,這樣就可以使用calc max width calc 100 100px 就是當前div的寬度減去其他部分的...

前端開發筆記

img a,a hover,a visited,a link,a active align center class table responsive style text align center hostth rowspan row host1 style vertical align midd...

前端開發筆記(一)

1 js判斷字串是否為空 var str if str str 2 判斷checkbox是否被選中 js判斷checkbox是否被選中 var c document.getelementbyid protocl if c.checked jquery判斷checkbox是否被選中 3 js定時器se...