首頁 / 案例展示 / 甬江知道
新聞資訊

打造一個快如閃電極簡之上的知產資訊類網站

甬江知道是寧波的知識產權通訊。讀者按欄目讀政策、案例和規則,不按年月翻博客。要代理的人去萬文,這裡只做觀察。

讀者打開的是正式域 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 還沒補。訂閱還沒接到郵件服務。商標專利轉讓的獨立模塊還沒做。這些都不寫成已經交付。

圖庫

相關案例