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。

asp.net zero 8.2 学习-11-Metronic替换google字体，加速网页加载速度相关推荐

asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
介绍使用许多小得JS.CSS文件代替一个庞大的JS或CSS文件来让代码获得更好的可维护性,这是一个很好的实践.但这样做反过来却损失了网站的性能.虽然你应该将你的Javascript代码写在小文件中并 ...
关于提高网页加载速度个人学习以及经验总结
性能黄金法则: 记住:只有10% - 20%的最终用户时间花在了下载HTML文档上,其余的80%-90%时间花在下载页面中的所有组件(js.css .image .flash)进行的http请求上. ...
微信小程序学习11：iconfont 网络字体图标使用（阿里巴巴）
微信小程序学习11:iconfont 网络字体图标使用(阿里巴巴) 使用方法 [1] 是直接下载图片,使用<image src="/static/images/v2.jpg" ...
ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler
ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler, 使用<link type="text/css" rel="Stylesheet" ...
学习Mac开发第四弹通过NSImageView加载图片
学习Mac开发第四弹通过NSImageView加载图片创建NSImageView 1 . 拖拽大法好 Autolayout 创建一个宽高160 *160 的NSImageView 创建是正方形的 ...
ros学习记录：Gazebo加载速度慢，长时间停在“Preparing your world”
前言 ros学习记录笔记,一个小白的自留地,欢迎大佬批评指正~ 一.问题描述 Gazebo加载速度慢,长时间停在"Preparing your world" 二.解决办法 1.下载 ...
NVIDIA GEFORCE 2080 / 2080 SUPER / 2080 Ti + CUDA Toolkit 8.0 深度学习模型加载速度慢
NVIDIA GEFORCE 2080 / 2080 SUPER / 2080 Ti + CUDA Toolkit 8.0 深度学习模型加载速度慢 (卡顿) GEFORCE RTX 2080 / GE ...
Android插件化学习之路（一）之动态加载综述
前段时间,公司项目完成了插件化的开发,自己也因此学习了很多Android插件化的知识,于是想把这些内容记录下来,本次带来Android插件化的第一篇:动态加载综述 Android插件化学习之路(一)之 ...
java加快页面加载速度方法_关于页面加载速度优化的11种方法
1.合并js和css文件将js和css分别合并到一个共享文件,这样不仅能够简化代码,而且在执行js文件是,如果js文件较多,就需要多次向服务器请求数据,这样将会延长加载速度,将js文件合并在一起,减 ...

asp.net zero 8.2 学习-11-Metronic替换google字体，加速网页加载速度

asp.net zero 8.2 学习-11-Metronic替换google字体，加速网页加载速度相关推荐

最新文章

热门文章