筆記 我理解到的前端效能優化之14條軍規

2021-07-10 10:13:32 字數 369 閱讀 3384

儘量減少http請求,所以有些公司會把js,css寫在內部

使用cdn內容分發網路 content delivery network,比如北京的使用者訪問北京的伺服器,杭州的使用者訪問杭州伺服器

啟用gzip壓縮,將**在伺服器端壓縮,傳送到瀏覽器以後再解壓縮

css訪問檔案最前面,因為部分瀏覽器在css載入完成之前不會渲染頁面

script和css寫在外部檔案,如果快取下來可以減少請求http請求次數。

減少dns查詢,將網域名稱轉換成ip位址需要花費時間,在這個時間裡瀏覽器不會載入頁面,所以盡量少在網頁中放太多網域名稱

壓縮js和css**,常用工具有:jsmin,yuicompressor,但是**可讀性變差

使ajax快取

前端效能優化之http請求的過程

在前端面試中,經常會被問到 乙個頁面從輸入url到頁面載入顯示完成,這個過程都發生了什麼 這是前端的經典面試題之一。這個過程涉及的東西很多,區分度很高。大致分為這幾個過程 1.dns解析 2.tcp連線 3.傳送http請求 4.伺服器處理請求並返回http報文 5.瀏覽器解析渲染頁面 6.連線結束...

前端效能優化之http請求的過程

在前端面試中,經常會被問到 乙個頁面從輸入url到頁面載入顯示完成,這個過程都發生了什麼 這是前端的經典面試題之一。這個過程涉及的東西很多,區分度很高。大致分為這幾個過程 1.dns解析 2.tcp連線 3.傳送http請求 4.伺服器處理請求並返回http報文 5.瀏覽器解析渲染頁面 6.連線結束...

將span隱藏的函式 前端效能優化之函式防抖與截流

在前端開發當中,我們都知道有些互動事件,會頻繁觸發。這樣會導致我們的頁面渲染效能,如果頻繁觸發介面呼叫的話,會直接導致伺服器效能的浪費。話不多說,盤它!我們先簡單列一下 onresize onmousemove onkeydown srcoll onkeyup這裡我是用鍵盤事件 keyup作為測試 ...