近期网站性能优化

这几天抽空优化了一下我的博客网站，优化了各种各样的地方，好看了一点点（主要是移动端），网络负担也稍微减轻了亿点点，大概一坤倍的带宽优化吧，从 400kb 到 160kb，本地开发的时候还不知道，用工具一看真的吓一跳。我的整个 markdown 渲染功能全部都被打包到客户端了，看着没什么吧，但是我的 markdown 处理过程中使用了十多个 npm 包，加起来得要个几兆了...

最后还加了个娱乐界面，算是又挖了个新坑了。性能优化这块嘛，因为我的页面并不是很多，直接 prefetch 预加载了很多常用界面(交通干道)，整体用下来还是相当流畅的，真的就像桌面程序一样的。 桌面端的性能直接干满了

但是嘛，手机端依旧稀烂，这我就想不通了明明是同一个界面，同样的资源，只是响应式布局的不同，为什么性能能差这么多，有点不知道如何描述现在的心情了。

关于 SEO，这也是重点，因为某 g 字开头的搜索引擎一直拒绝收录我的网站，于是就踏上了 SEO 优化的这条不归路，我之前对 SEO 的理解只是 metadata 中的描述、关键字和 HTML 结构的语义化。现在正的用上 SEO 工具之后真是给我上了一课（为什么早不用？因为太贵了，几十上百刀一个月这真的是我能够负担的起的嘛），SEO 简直稀烂，a 开头的那啥网站，我的 SEO 只有 51 分 (没有错误的内部 URL 的比例)，为什么呢有个最大的问题，我的 login 界面因为不同的 URL 参数被识别成了 71 个不同的页面，正确的做法是需要指明一个规范化的路径，让他们只会被视为一个页面。然后呢，因为我的 blog 页面的翻页器是一个 button 的 HTML 元素，他不点，于是又有很多文章显示没有可供点击的链接进入。估计就是被某 g 字开头的搜索引擎识别到“很多重复的页面”拒绝收录了吧，被识别为恶意制造垃圾的网站也说不定呢。