admin管理员组

文章数量:1594755

最近使用VS2017建立MVC项目,项目默认引用了bootstrap,结果调试的时候发现页面显示地巨慢,F12调出开发控制台一看,坑了!!

这NM是要慢死的节奏,于是乎立即着手将字体文件本地化工作,下面说下详细步骤

1.找到项目中的Content文件夹中的bootstrap.css文件

2.打开并找到最上面@import url("https://fonts.googleapis/css?family=Roboto:300,400,500,700");一行

3.在浏览器中请求这个url,获得以下内容

4.上述内容全部复制,打开记事本粘贴,保存成gstatic.css文件,并将gstatic.css文件放入项目中Content文件夹下(与bootstrap.css位于同一目录)

5.打开gstatic.css文件,在浏览器中请求链接,下载所有woff2文件

下载后


6.文件全部下载完毕,将所有.woff2文件放入名为gstatic文件夹,并置于项目中fonts文件夹下面

7.修改bootstrap.css文件中的@import,修改为指向本地gstatic.css文件,即将原来的 https://fonts.googleapis/css 替换为 ../Content/gstatic.css

8.修改gstatic.css文件,将里面所有的字体引用url替换为本地字体文件夹gstatic路径,如图

替换前:


替换后:

gstatic.css中其他所有链接类似处理。

9.OK,大功告成,调试一下

这是原来的请求时长

这是现在的,页面加载速度正常了。


希望能给刚入手bootstrap的开发人员一点帮助,网上有篇专家的文章写的不够仔细,我就按步骤详细的写了一下。




本文标签: 字体页面过慢项目NET