新闻网站是日本Yahoo庞大流量集散地，累积7,770万月活跃读者，更是母公司LYC一年3千亿日圆营收的展示型广告业务中，不可或缺的重要广告通路。今年LYC年度技术大会中，日本Yahoo分享自家提升网站前端效能的实验历程，探索如何用尽可能有限的资源，来改善使用者体验及增加广告收入。
日本Yahoo广告工程师Imamiya Masaki说，这并不是他们第一次，利用提升网站前端效能来增加广告收入。他们曾经针对Google提出的Core Web Vitals网站效能指标来优化，提升高达15%单一工作阶段网页浏览次数（Page View）。他们还在导入Back-Forward Cache（往返快取）技术后，提升高达9%的广告营收。
这次，他们则希望强化预先渲染技术（Pre-render），来加速网站内容显示速度，并观察，内容显示效率提升，能否增加阅读量、停留时间、点击率，或减少跳出率，进而对广告业务指标做出贡献。
预渲染技术是，预测可能即将载入的资源，提前请求并渲染页面和执行JavaScript。如此，使用者点击连结或开启新内容时，浏览器就能立即呈现完整内容。这种做法的代价是，若预测使用者点击不够準确，会导致预先渲染内容，最后却不会呈现给使用者，白白增加资源消耗。为了衡量这项代价，日本Yahoo在实验中追蹤「预渲染命中率」指标，亦即「使用者真正看到的」预渲染项目数占总体比例。
日本Yahoo工程团队导入Google开发的Speculation Rules API，来A/B测试不同预渲染预测规则下，网站前端表现及广告收入如何受影响。这个API允许开发者透过宣告式JSON语法定义预渲染逻辑，包括针对哪些连结生效、需排除哪些条件等。开发者还可以调整Eagerness设定，决定不同触发预渲染的规则。Immediate规则是立即预渲染下一个页面；Moderate规则是滑鼠游标移动到连结上200毫秒后开始预渲染；Conservative规则则是在滑鼠按钮按下（而非按下后释放）连结后预渲染。
第一次实验：在首页预渲染新闻文章页面
首次预渲染实验对象是，使用者新闻网站首页时，预先渲染个别新闻网站。他们採取Moderate规则，当使用者游标停留在文章连结200毫秒，即开始预渲染。结果显示，点选连结后，平均画面跳转时间从0.8秒缩短至0.4秒。使用者设备性能不佳或网路连线不稳时，可以减少更多时间。
然而，当日本Yahoo工程团队发现，使用者行为数据与广告收入等业务指标并未明显变化。不只如此，预渲染命中率只有15%，造成浪费许多资源浪费。他们推测，因为新闻首页基础延迟已经很低、文章页广告内容未预渲染、新闻连结密集排列导致大量触发预渲染等原因，无法判断Moderate规则是否有作用。
第二次实验：预渲染新闻文章页面的广告内容
日本Yahoo工程团队根据这些教训，来设计第二次实验。这次，他们将实验对象聚焦到「阅读全文」连结的点击后行为，像是页面重新整理并重新显示文章内容，以及广告内容。
这种设计下，触发预渲染预测的前端UI元件只有阅读全文连结，较不易造成误判，也能测试更耗费资源的Immediate触发规则。不只如此，他们希望广告内容加速显示，能吸引更多的读者注意力。
新闻文章页面中，有上方大型广告，以及下方小型广告两种版位。下方小型广告格式简单、请求处理通讯量较少，採取预先处理广告库载入、广告请求处理、广告显示的完整流程。上方大型广告格式包括图片及影片，且需要呼叫多个服务器，包括不支援预渲染的服务器，只能预先处理「广告请求处理」阶段。
点击「阅读全文」（红色框）连结后，文章页面会重新整理并显示出来新文章内容及广告内容（紫色框）。第二次实验中，广告内容也会被预渲染。
实验结果，下方小型广告，从原本平均3秒显示时间缩短至仅0.3至0.5秒。上方大型广告显示时间，则从原本平均4秒降至约1.6秒。命中率方面，Moderate规则的效果达到44%，而Immediate规则的效果也提升至31%，相较于前一轮的15%已有显着进步。
他们发现，并非所有广告类型都出现业务指标提升。下方小型广告虽然显示加速，但业务指标并无变化。上方广告中，仅支援影片格式的版本，在Immediate规则下，出现具统计意义的2至3%点击率（CTR）增幅。以CTR通常只有个位数的新闻展示型广告而言，幅度不小。
日本Yahoo新闻工程师Kiraku Tomoki表示，儘管先前提升网站效能时，都能为广告收入带来效益，不过在大规模导入新的网站效能提升法时，工程团队仍谨慎透过两轮A/B实验，来找出确实能带来广告收入的预渲染模式。这次实验中，他们意识到单纯提升显示速度，未必会提升使用者与广告互动的行为。内容类型、广告版位与视觉设计等因素，可能同样甚至更为关键。他们推测，预渲染影片广告之所以有效，可能为使用者带来更强烈的感官体验，进而带动更多点击行为。他们也透过实验锁定了这个能带来收入的模式，并计画正式导入影片广告预渲染做法。
