作为一个在不断的进行优化和改进的 Blog,本站算是一个小小的试验场地。所以呢,在前几天,对本站采取了一些很久以来一直想做的改进。
SEO 网站优化推广,是一个以内容展示为主要目的的Blog,使用的是 Bootstrap 框架,而内容展示,在不需要那些花哨的展示手段后,所剩下的就是简单的布局需要,Bootstrap 5 以来,纯粹的布局,已经可以不需要 jQuery,这个现在看来有些重的 JS 库,而且如果不需要用到那些互动的 Bootstrap 组件的话,连 Bootstrap 自己的 JS 文件都不需要载入。
于是本站就变成了这个样子,布局完全使用 Bootstrap CSS。
而且这些 CSS 文件,我使用了 purgeCSS 工具来做了一下精简,Bootstrap 5.1.3 的 CSS 文件是 bootstrap.min.css, 其文件大小为 161KB。精简之后,只有 17KB,大大减少了文件大小。更进一步的,我是直接把这个 17KB 完全内置到 html 文件中,少掉一个阻塞渲染的因素,而这 17KB 现在看来,即使不是重复使用,也问题不大,毕竟带宽是足够的,而目前的瓶颈很多时候是在 DNS解析,等待的时间。