旧版站长帮网站已运行3年多,近期对网站优化的时候越发觉得网站界面有些凌乱,在与小伙伴们商议过后,决定简化文章页使之更容易阅读,同时重构首页。新版依然采用 GeneratePress 主题 + GenerateBlocks Pro 插件。
全面拥抱全新的块设计
GenerateBlocks Pro 插件启用了全新的Container(容器),它是一种在Gutenberg块基础上的增强块。所以本次改版后的模板全站采用全新的Container。
所有页面均不再调用主题包含的 header.php、content.php、footer.php 等文件中的前端代码。
也就是说将 GeneratePress 主题 换成其它主题或是 WordPress 默认主题亦无影响。
这样做的好处就是扩展性极强,随时可以在块编辑器中修改前端的设计与内容。算是我前日发表的《完整的全站编辑已成熟,落后的 WordPress 主题会被淘汰》一文的实践。
注重内容为先
原来的首页布局太简陋(博客风格),无法让读者快速找到感兴趣的内容,这次的首页更偏向杂志风格。
在文章内容页则更突出正文部分,配色变得更简洁,阅读体验更佳。
化繁为简,轻装上阵
原来的网站加入了一些自定义简码或额外的自定义程序,虽说都是一些小的零碎添加。但时间长了,不论是在升级改版或是做其它修改时,难免会出现一些遗忘或遗漏,现在全部将它们统一做成一个插件,并砍掉了很多并不太实用的代码。在未启用缓存的状态下,数据库查询量整体下降15%左右。
目前浏览器中HTML加载情况:首页约23.1kb,文章页约19kb,分类列表页约18.2kb,总体约20kb/页。
将所有CSS、JS、图片文件替换成CDN后,如每秒10次访问,服务器仅需约0.2Mb下行,约等于1.6Mbps带宽。
Lighthouse测试结果


创作人员
- 前端负责人:婷婷
- 程序员:想做文盲