记一次博客优化
233,本次博客优化主要对网站的层叠样式表(CSS)以及字体方面做了微调。
🎨 层叠样式表
为了使页面更快响应,我对网站的层叠样式表做了微调及压缩:目前CSS文件的大小由原来的 243 KB
变为了 221 KB
。
经过本地测试,网站首页CSS的响应速度为 33.96 ms
。
在分页测试中,CSS的响应速度为 11.92 ms
。
实际表现虽然不是很理想,但还是比以往要快的。不过受制于CloudFlare CDN的速度,上云的实际速度会比本地测试慢。
✏ 字体
字体方面,由以往单一的 <i>
思源黑体 </i>
拓展到 <b>
思源黑体+思源宋体+Roboto字体 </b>
一并使用。
网站主体部分以及博客文章方面,标题使用思源宋体(font-weight
值为 800
),正文使用思源黑体 + Roboto字体(font-weight
值为 300
)。
字体对比
Google Fonts
1 |
|
flowchart TB
c1-->a2
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end
😃