站长帮网站全新改版,注重内容为先


旧版站长帮网站已运行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测试结果

Lighthouse 9.6.8 测试结果 - 移动设备
Lighthouse 9.6.8 测试结果 – 移动设备
Lighthouse 9.6.8 测试结果 - 桌面设备
Lighthouse 9.6.8 测试结果 – 桌面设备

创作人员

  • 前端负责人:婷婷
  • 程序员:想做文盲

除非注明,否则均为本站原创文章,禁止任何形式转载。

精品WordPress资源下载