打造一個快如閃電極簡之上的知產資訊類網站
甬江知道是寧波的知識產權通訊。讀者按欄目讀政策、案例和規則,不按年月翻博客。要代理的人去萬文,這裡只做觀察。
讀者打開的是正式域 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萬個站點提供支撐。
把全球標識供應鏈做成可檢索的目錄
三十個國家與地區、一萬六千家供應商。只收錄有獨立網站的廠和店,按國家、工藝和語言被找到。
