打造一个快如闪电极简之上的知产资讯类网站
甬江知道是宁波的知识产权通讯。读者按栏目读政策、案例和规则,不按年月翻博客。要代理的人去万文,这里只做观察。
读者打开的是正式域 nbipr.com。页面由独立前台渲染,稿件仍在原来的 WordPress 里写。编辑后台改挂 cms.nbipr.com,旧文章地址 /{id}/ 没换。
封面不再塞原图,正文也不再预载一整套中文字体。实验室里首页桌面和移动性能都到了 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 毫秒。
预览域的分数不再代表对外成绩。区域情报上传后的刷新,不进这一组页面分。
首页
LCP 1.27 s · TBT 376 ms
LCP 1.68 s · TBT 329 ms
更新时间:26-10-12。数据源自闪电博实验室,基于 Lighthouse 实验室分、axe 无障碍,以及可选的 Chrome UX Report 真实用户数据。数据可能因不同的网络环境及设备,会有差异。参考《如何做到Google PageSpeed Insights测试满分》。
最终结果
阅读和代理拆开了。正式域名开放收录。首页实验室分已经离开红档。
编辑和读者不再挤在一个主题里
读者打开的是正式域上的页面。编辑在 cms 写通讯、按日期传情报。旧文章地址没换。改一条栏目标题,不必再去碰杂志主题的小工具。
按栏目读得下去,当日快讯也在
枢纽列表、长文详情、工具链出、关于页的边界声明都在。首页「今日甬江知道」读的是各刊头条,不是又一条博客时间线。
业务上,通讯不再抢代理的位置
咨询去万文。这里只做观察和规则。不编阅读量。
还没做的
国内 PageSpeed 还没补。订阅还没接到邮件服务。商标专利转让的独立模块还没做。这些都不写成已经交付。
图库





相关案例
知产管理品牌站点,品牌视觉+检索+双语……
宁波知产代理,三类备案,中英两套官网。专业服务,在检索中被找到。
自己的产品和官网,一起服务超过5万站点
专注于WordPress主题和插件,无论设计和技术都追求极致。从自己的产品出发,为5万个站点提供支撑。
把全球标识供应链做成可检索的目录
三十个国家与地区、一万六千家供应商。只收录有独立网站的厂和店,按国家、工艺和语言被找到。
