asp.net zero 8.2 學習-11-Metronic替換google字體,加速網頁加載速度

asp.net zero 8.2使用的前端模板是Metronic6.0以上版本,官網的Metronic下載下來,打開很慢主要是加載googole字體耗費時間,這是我之前寫的如何在Metronic中替換google字體
Metronic是一款強大的後臺模板,包括很多組件。接觸過很多後臺模板,有Layui,AdminLTE,Inspinia,hui。感覺Layui適合快速開發。Layui封閉性很強,對於前端不太熟悉的話,只能按模仿,如果需要深入學習,需要花費很大力氣。Layui也很強大,國內用戶很多。從事ASP.NET 開發的,可以參考WTM框架,封裝了Layui的很多控件。Inspinia是一款基於bootstrap3的後臺模板,控件很豐富。AdminLTE是一款開源的,國內開源軟件用的比較多,可以參考FastAdmin的模板,做的比較好。

Metronic包括經典版和Angular版,由於前端水平實在是爛,所以從經典版學起吧。

Metronic用到了google字體和google地圖導致下載下來的文件打開很慢,這裏可以把google map的js代碼刪除,反正也用不到。

google字體可以替換到國內的科大提供的源:

ajax.googleapis.com => ajax.lug.ustc.edu.cn
fonts.googleapis.com => fonts.lug.ustc.edu.cn
themes.googleusercontent.com => google-themes.lug.ustc.edu.cn

把class文件夾下的demo拖到sublime中,在demo文件夾上查找替換:

使用angular的,可以參考下載下來的文件中的doc。安裝npm,yarn,gulp;gulp打包,照樣跑起來。

在IIS中建個網站,跑起來:

Metronic最新版爲6.X。我這用的是Metronic5.5。5和6差別很大,主要是css樣式前綴變了,所以要注意。

Metronic基於Bootstrap4,css類很多,所以要做好長期學習的準備,初學可以參考6版本的empty page。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章