CSS優化概述

2021-07-26 04:36:42 字數 767 閱讀 5261

css優化的作用

1、減輕伺服器的壓力

2、縮短伺服器響應時間

3、提高使用者的體驗度

css優化原則

1、儘量減少http請求個數

css sprites:合併多個背景影象到乙個單獨影象,

然後通過background-image和background-position進行調整

image maps,結合多個影象到乙個單獨影象。其總體規模大致是

相當的,但是減少http請求的數量,從而加快頁面顯示速度。

2、頁面頂部引入css

可以提高頁面載入速度

樣式表放在頭部,允許頁面逐步呈現

3、將css和js放到外部檔案中

頁面引入外部檔案,將由瀏覽器快取

後續頁面會使用快取

4、css**優化

1、合併樣式

提前定義統一的樣式

利用css繼承

2、縮小樣式檔案

盡量使用簡寫屬性

3、選擇更優的樣式屬性值

比如,使用border:none;替換border:0;

4、減少樣式重寫

使用reset,但並非全域性 reset,比如針對性的清除邊距

5、**壓縮

使用工具壓縮css**或html**

比如:yuicompressor

6、不要在html中縮放影象

影象在網路傳輸時仍然保持原來影象的位元組數

7、避免空的 src 和 href

效能優化概述

效能優化的指標 併發量 秒殺 雙11 比如微博的幾次拓機 qps tqp 具體的實時方案 一 級別 效果很明顯,以自之力是可以完全實現 快取 本地快取 redis等。效果最明顯 提公升1000倍以上 批處理 比如myslq 批插入,redis 的hset等 提公升n倍 併發 多執行緒 執行緒池技術,...

mysql優化概述

設計 儲存引擎的選擇,字段型別,正規化 功能 索引,快取,分割槽 架構 主從複製,讀寫分離,負載均衡 合理sql 測試,經驗。一 儲存引擎的選擇 用來儲存mysql中物件 記錄和索引 的一種特定的結構 檔案結構 儲存引擎,處於mysql伺服器的最底層,直接儲存資料,導致上層的操作,取決於引擎的選擇。...

優化演算法概述

最近痴迷於科研,好久沒有更新部落格了,馬上就要參加數學建模比賽,自己動手寫了一下目前比較主流的幾種啟發式優化演算法,在這裡分享下,同時作為複習總結。相信大家對優化問題已經再熟悉不過了,我們在生活中經常會遇到各種優化問題,比如我經常會考慮自己一天怎麼才能花更少的錢 吃更多更好的飯,因此為了解決這種問題...