CBC/Radio-Canada

背景

CBC/Radio-Canada 是加拿大国家公共广播公司，也是加拿大最大的文化机构之一。作为加拿大最早的电台和电视广播网络，CBC/Radio-Canada 致力于通过所有主要频道提供加拿大相关内容，包括广播、电视和数字平台。

问题/挑战

CBC/Radio-Canada 的目标是在 2020 年达到 1,800 万用户。虽然雄心勃勃，但公司知道，如果在网站优化、内容个性化和移动方面有强大的战略重点，这一目标是可以实现的。在此公司目标之前，CBC.ca 网站通过简单设计的内容管理系统 (CMS) 进行运营。它很简单：为每个图像创建一种格式，在一个布局中交付网页，并将所有内容保持在 700 KB 以下。这对开发人员来说很容易，但是响应性设计的缺乏也意味着还有改进的空间。为了实现其目标，CBC.ca 团队需要平衡速度与质量，这意味着要对其网站设计进行彻底改造。

计划：采用响应式设计创建高度吸引人的 CBC.ca 网站，以适应不同的屏幕大小，全部由动态 API 提供支持。项目开始后，WebOps 团队注意到，虽然新页面是动态的，但由于客户端发生了大量计算以确定每个显示器的最佳图像大小，因此他们看到“首次有意义绘制”减少了。此外，页面权重从约 700 KB 增加到 6-8 MB，进一步加剧了问题。CBC/Radio-Canada 的 WebOps 和基础架构经理 Massimo Mollica 介入项目以帮助解决增加的图像权重问题，同时确保他们实现公司目标。

解决方案

CBC/Radio-Canada 专注于让访客消费内容。在媒体和广播行业，提供商明白吸引和留住观众注意力的重要性。吸引客户的一种方式是提供丰富的在线图像；然而，高质量的图像可能会增加页面的权重并导致站点延迟。经过几款产品的测试，Image & Video Manager 的表现明显优于竞争对手。由于实时压缩总是在后台运行，性能始终比它的下一个最接近的竞争对手高出 15%。

集成 Image & Video Manager 之后，效果几乎是立竿见影的。自动图像压缩使图像减少了 80-90%，从而使动态 Web 页面从 6-8 MB 减少到不足 1 MB。跳出率（对于媒体而言，50-80% 是可接受的）在页面加载时间不到 4 秒的情况下降至低于 50%。看到这些结果，CBC.ca 团队坚信 Image & Video Manager 能够在其移动和个性化战略中扮演同等重要的角色。

总结

CBC/Radio-Canada 在 2020 年达到 1,800 万加拿大用户的目标比计划提前了近两年。

响应式设计、（机器学习支持的）基于会话的全新推荐系统、丰富的多媒体交互以及具有 Image & Video Manager 优化的移动优先策略，使他们能够实现这一里程碑。以用户为中心的思想加上恰当的技术成功帮助 CBC.ca 将他们的在线体验提升到一个新的水平。