本文内容使用 NuxtJS 2.14.1 （其中 vue 为 2.6.11， webpack 为 4.44.1） 和 Ant Design of Vue 1.6.4。因为版本和不同类库造成的差异请大家多进行搜索。

问题

用 NuxtJS 开发博客以来，一直有一些体验上的问题，这次正好有时间，便来优化一下，目前的问题主要有：

• 依赖的 js css 文件较大
• 服务器端渲染生成的 HTML 较大

导致访问速度较慢，特别是首次加载。

背景

从开始筹划开发博客起，我就深陷选择困难症……是使用熟悉的 ASP.NET MVC 技术包办前后端，还是用其它技术生成纯 HTML 静态站点，抑或开发成时下流行的 SPA ？由于工作中多用后端技术，一直很想试试玩一些不一样的东西，于是选择了 SPA 的方案。然后选择题又出现了：是使用 React，Angular 还是 Vue？UI 框架用 Element，Antd，Vuetify，Material-UI……？

本文不对比这些方案，反正我最终决定使用 Vue + Antd 来搭建博客前端。但是基本雏形出现后遇到了未曾预料的问题：作为一个博客站点，最重要的是能被人浏览，而一个名不见经传的小博客除了去论坛里宣传，更重要应该是被搜索引擎收录，也就是需要做 SEO ，比如每个页面有 title（位于 <title> 中） 和 description（位于 <meta> 中）。