直接答案:第 104 期的 13 个产品入口页合计 1,179,680 字节(1.18 MB)HTML,中位 96,035 字节。可见文字占比中位只有 4.4%(2.0%–10.3%),内联 SVG 中位 6.2%(7/13 页有);脚本中位 5.7%、样式中位 0%(最高 25.9%),markup 中位 48.6%、空白 17.2%、注释 1.2%。

这是继文章页、首页之后的第三种 HTML 形态:文字像文章页一样少(4.4% vs 4.0%),但内联 SVG 远低于文章页(6.2% vs 30.8%),脚本/样式又介于两者之间,markup 反而最高(48.6%)。产品页不能套用前两类页面的优化结论。

13
产品入口页
4.4%
文字占比中位
6.2%
内联 SVG 中位
96 KB
HTML 中位

方法:同一套字节拆分

样本为第 104 期的 13 个产品入口页缓存(2026-11-01 采集;P04/P14 无产品链接)。按第 89 期口径:移除注释、脚本、样式、内联 SVG,再计量剩余标签与文本节点;UTF-8 字节,百分比以该页 HTML 字节数为分母。零网络、零像素解码。

桶包含边界
可见文字移除脚本/样式/SVG/注释/标签后的文本含导航、页脚,不是正文
内联 SVG<svg>…</svg> 整块不是 <img src=…svg> 图片文件
脚本/样式<script> / <style> 整块含 JSON-LD 与外链标签
markup其余标签(含 class/style/data 属性)属性开销以 class_attr_bytes 单列

结果:文字 4.4%,SVG 6.2%,markup 48.6%

桶中位占比最小–最大
可见文字4.4%2.0%–10.3%
内联 SVG6.2%0%–41.3%
markup48.6%25.6%–71.9%
空白/其他17.2%0.2%–53.9%
脚本5.7%2.5%–22.1%
样式0.0%0%–25.9%
注释1.2%0.2%–6.5%

10/13 页的文字占比低于 6%,最低 P11 2.0%、P02 2.5%;最高 P15 10.3%。产品入口页大多是列表/模板页,文字本来就少;但“文字少”不代表 HTML 小:13 页合计 1.18 MB,最大单页 236.7 KB。

三种页面形态

指标(中位)13 个产品页14 个首页36 篇文章页
HTML 字节96,03554,666106,260
可见文字4.4%6.8%4.0%
内联 SVG6.2%0.0%30.8%
脚本5.7%10.7%4.1%
样式0.0%0.3%0.0%
markup48.6%47.3%39.2%
空白/其他17.2%15.0%16.5%

三类页面的重心不同:文章页 SVG 占三成;首页脚本/样式更重、SVG 几乎没有;产品页文字少、SVG 居中、markup 最高。把任何一类的结论直接套到另一类,都会误判。

逐页结果(13 页)

页HTML KB文字内联 SVG脚本样式markup空白
P017.89.7%0.0%5.5%0.0%71.9%10.4%
P02231.22.5%10.3%5.2%0.0%25.6%53.9%
P03159.22.6%38.4%3.2%0.6%34.7%19.5%
P05158.03.8%41.3%2.5%0.0%33.2%18.4%
P0699.56.2%6.2%18.4%0.0%32.5%30.1%
P0793.82.6%26.5%4.0%0.0%48.6%17.2%
P0829.49.0%0.0%22.1%1.3%46.2%15.5%
P0941.14.4%0.0%4.2%11.5%54.0%21.2%
P1014.65.3%0.0%14.8%0.0%69.8%9.9%
P1194.92.0%26.3%5.7%0.0%48.5%16.4%
P1213.09.6%0.0%14.9%4.6%62.7%5.2%
P13170.24.2%13.1%6.5%25.9%49.7%0.2%
P1539.410.3%0.0%13.0%1.6%51.5%22.4%

三个长尾:P02 231 KB,53.9% 是空白/其他、10.3% 是内联 SVG;P03/P05 的内联 SVG 分别 38.4%/41.3%;P13 170 KB,25.9% 是样式块。它们说明产品页的“大”可以来自完全不同的桶。

内联 SVG ≠ SVG 图片文件

第 105 期统计的是 <img src=…svg> 图片文件(234 张);本期统计的是写在 HTML 里的 <svg> 块。两者都叫 SVG,但交付方式不同:图片文件可单独缓存,内联块会重复计入每个页面。产品页里两者同时存在,验收时要分开统计。

对验收的启示

  1. 产品页单独量。 文字 4.4%、SVG 6.2%、markup 48.6%,与文章页/首页都不同。
  2. 先看 markup 和空白。 产品页 markup 中位 48.6%,空白还有 17.2%;模板结构可能比内容更占字节。
  3. 内联 SVG 要单列。 P03/P05 的 SVG 占 38–41%;如果是重复图标,可考虑 sprite/外部文件。
  4. 检查样式块长尾。 P13 有 25.9% 样式;模板 CSS 直接内联会让每页都变大。
  5. 文字少不是质量分。 产品列表页文字少是正常的;要结合产品详情、规格与图片一起看。

局限

  • 13 页 pilot:第 104 期同一批产品入口页;不是全站产品页,不外推行业。
  • 只拆原始 HTML:不含压缩后传输、图片、外链 CSS/JS、字体或 HTTP 头。
  • 文字含模板:导航、页脚、产品名都在内,不是正文。
  • 内联 SVG 不判用途:可能是图标、插图或装饰,未去重。
  • 单次快照:2026-11-01 缓存,未复测改版。

数据与复算

匿名数据:equipment-product-entry-html-weight-2026.csv(13 行 × 23 列:HTML 字节、文字、脚本/样式/SVG/注释/markup/空白字节与占比、标签计数、class 属性字节)。仓库内为 docs/research/2026-11-product-entry-html-weight.csv。

解析:scripts/article_html_weight_probe.py(与第 89 期同一套字节拆分);单元测试 scripts/test_article_html_weight_probe.py(9 项)。运行:

python -m unittest discover -s scripts -p "test_article_html_weight_probe.py"

配套:产品入口页 AI 可读性 pilot、产品入口页图片交付 pilot、文章页 HTML 体积组成 pilot。

数据来源与口径

  1. 样本:第 104 期 13 个产品入口页缓存(2026-11-01 采集;P04/P14 无产品链接)。
  2. 拆分:移除注释/脚本/样式/内联 SVG,再计量标签与文本;UTF-8 字节。
  3. 统计时间:2026-11-07,零网络请求;站点与产品 URL 不公开。

相关:产品入口页 HTML 压缩 pilot。

关于作者

凌壹信息Official(交付团队),负责企业网站、品牌与智能制造项目的需求梳理、方案与验收协作。本文只拆分产品入口页的原始 HTML 字节,不测压缩后传输、渲染或内容质量;13 页 pilot,不外推行业。

产品页是第三种 HTML 形态

13 页 1.18 MB HTML;文字 4.4%、SVG 6.2%、markup 48.6%。

预约内容验收方案