首页 / 案例展示 / 甬江知道
新闻资讯

打造一个快如闪电极简之上的知产资讯类网站

甬江知道是宁波的知识产权通讯。读者按栏目读政策、案例和规则,不按年月翻博客。要代理的人去万文,这里只做观察。

读者打开的是正式域 nbipr.com。页面由独立前台渲染,稿件仍在原来的 WordPress 里写。编辑后台改挂 cms.nbipr.com,旧文章地址 /{id}/ 没换。

封面不再塞原图,正文也不再预载一整套中文字体。实验室里首页桌面和移动性能都到了 100。分数按实写,不写成「已经结束」。

前后端分离 读者看 Next 页面。编辑继续用 WordPress。两套地址,各做各的事。
SEO 正式域开放收录。旧栏目 301 到枢纽。站点说明书在 /llms.txt。
特色模块 按栏目读。首页另有「今日甬江知道」,按日期同步五刊区域情报。
语言 中文站。和万文英文站分工,不在这里做双语。
响应速度 封面走压缩图,正文用系统黑体。实验室首页桌面 / 移动性能都是 100。
边界声明 关于页写明:代理去万文。这里不做事务所黄页。
打造一个快如闪电极简之上的知产资讯类网站

案例概述

客户要的不是又一个事务所官网。宁波要把政策、案例和工具读物做成通讯。真正要代理的人,应该去万文。

客户要的不是又一个事务所官网。宁波要把政策、案例和工具读物做成通讯。真正要代理的人,应该去万文。

如果做成按年月翻的博客,栏目会散。如果前台继续跑杂志主题,日更栏目会绑在模板标签上。如果外链写成预览域,搜引擎会进错站。

我们把阅读和编辑拆开。读者走 nbipr.com 的独立前台。编辑走 cms.nbipr.com。通讯稿仍是原来的文章编号。区域情报按日期上传 Markdown,同日同刊覆盖,大约一秒后出现在首页和情报页。

做成之后:读者能按枢纽进列表、能读长文、能看当日五刊快讯、能从工具页链出去。关于页把代理推给万文。测速只报正式域。

方案与功能

栏目、列表、长文、当日快讯和边界声明,各做各的事。

  • 按栏目,不按年月知识产权、政策通知、全球通讯、报告、案例、工具、活动是枢纽,不是归档。首页按现站杂志井排:精选、今日快讯、最新通讯、双井、工具、目录。实务橱窗已拿掉,商标专利转让以后另做。
  • 列表和长文分开枢纽列表独立分页。详情页标题下直接接正文,不再垫一张特色图。右侧是最新通讯和当日快讯,底下有相关阅读。
  • 区域情报按日期进五刊文件名是固定前缀加日期。后台一次可以传多份,也可以用 Token 接口投递。写进 CMS 后前台失效并预热,读者大约一秒内看到。选题建议不上前台。
  • 关于页写边界不做事务所服务页。代理去万文。电话和地址可以和万文一组,分工不同。
  • 正式域和预览域拆开对外是 nbipr.com,开放收录。know.nbipr.cn 仍是预览,不对外开放收录。访问按钮不指向预览域。

技术栈

轴心是前后端分离:读者打开的是 Next 页面,稿件权威在 WordPress。

选择 理由 代价
Next.js 前台 栏目、详情和情报要按自己的信息架构排,不必绑杂志主题循环 两套部署,缓存要自己失效
Node 独立进程 生产机用 nginx 反代本机页面进程,读者拿到的是已经渲染好的 HTML 发稿后要通知前台刷新,不能只改库
WordPress 无头 617 篇通讯不搬家;编辑继续在熟悉的后台写 导航枢纽和首页楼层是两套映射,要对着后台分类维护
REST + 快讯类型 列表、详情走公开接口;区域情报是单独的类型,按日期覆盖 接口和页面缓存要分开运维
封面走尺寸服务 卡片只取用得上的宽,输出 AVIF 原图仍在上传目录里,不能再把 4 MB 图直接塞进首页
系统中文字体 正文用苹方 / 微软雅黑这一档,不再一次拉二十多个字体分包 Windows 和 Mac 的字面会略有差别
预览域分开 改版先在 know.nbipr.cn 看,正式域再切 外链写错就会把人带进不收录的站

Speed

页面变快,不是调了一轮分数,而是把首页从「整页水合 + 原图封面 + 二十二个中文字体」里拿出来。

封面按卡片尺寸出 AVIF,首页不再预取几十条路由。正文改系统黑体以后,字体请求掉到 0。实验室里首页桌面性能 100,最大内容绘制 0.6 秒,总阻塞 20 毫秒,文档等待 50 毫秒。移动性能也是 100,最大内容绘制 1.7 秒,总阻塞 50 毫秒。

预览域的分数不再代表对外成绩。区域情报上传后的刷新,不进这一组页面分。

首页

桌面
78 性能
100 无障碍
100 最佳实践
100 SEO

LCP 1.27 s · TBT 376 ms

移动
92 性能
100 无障碍
100 最佳实践
100 SEO

LCP 1.68 s · TBT 329 ms

更新时间:26-10-12。数据源自闪电博实验室,基于 Lighthouse 实验室分、axe 无障碍,以及可选的 Chrome UX Report 真实用户数据。数据可能因不同的网络环境及设备,会有差异。参考《如何做到Google PageSpeed Insights测试满分》。

最终结果

阅读和代理拆开了。正式域名开放收录。首页实验室分已经离开红档。

编辑和读者不再挤在一个主题里

读者打开的是正式域上的页面。编辑在 cms 写通讯、按日期传情报。旧文章地址没换。改一条栏目标题,不必再去碰杂志主题的小工具。

按栏目读得下去,当日快讯也在

枢纽列表、长文详情、工具链出、关于页的边界声明都在。首页「今日甬江知道」读的是各刊头条,不是又一条博客时间线。

业务上,通讯不再抢代理的位置

咨询去万文。这里只做观察和规则。不编阅读量。

还没做的

国内 PageSpeed 还没补。订阅还没接到邮件服务。商标专利转让的独立模块还没做。这些都不写成已经交付。

图库

相关案例