字型太大載入速度慢之效能優化 font face

2021-10-23 17:50:56 字數 647 閱讀 2651

借助字蛛進行字型壓縮

字蛛通過分析本地 css 與 html 檔案獲取 webfont 中沒有使用的字元,並將這些字元資料從字型中刪除以實現壓縮,同時生成跨瀏覽器使用的格式。

一、@font-face安裝

npm install font-spider -g

二、在css中使用

@font-face

@font-face 中的 src 定義的 .ttf 檔案必須存在,其餘的格式將由工具自動生成

開發階段請使用相對路徑的 css 與 webfont

三、執行 font-spider 命令

font-spider ./demo/*.html

頁面依賴的字型將會自動壓縮好,原 .ttf 字型會備份

影響網頁載入速度慢的原因

第一 dns網域名稱解析 當瀏覽器向伺服器發出請求後,首先會有dns解析的,從而把 url解析為具體的ip位址,在這一步驟,可以做很多任務作。例如許多小 都使 用的單線的ip,門戶 建設公司的許多 都是使用的電信單線的ip,可是當網通使用者開啟的時候,速度卻出奇的慢,這時候,我們可以採用雙線ip,電...

FTP的速度慢

最近發現在在家裡上傳到ftp的速度很不正常,小檔案上傳簡直就是悲劇,一上傳速度就變成0,測試了大檔案一開始速度正常然後開始變慢,速度到0,過幾秒鐘後速度才恢復。一開始以為是ftp伺服器故障,檢查了很多設定,包括重新編譯依然無效。但是發現在單位正常。之後查閱了很多相關資料,發現居然和mtu值有關,預設...

MySQL 查詢速度慢

2016年09月30日 14 31 44 以下是基於我結合b 樹的資料結構和對實驗結果的推測作出的判斷,如有錯誤,懇請指正!今天實驗了一下mysql的count 操作優化,以下討論基於mysql5.7 innodb儲存引擎.x86 windows作業系統。建立的表的結構如下 資料量為100萬 首先是...