当子图像已延迟加载时显示父图像

，是一种在网页中优化图像加载的技术。它通过将页面上的图像分为父图像和子图像，先加载父图像，然后在用户滚动页面时，延迟加载子图像，以提高页面加载速度和用户体验。

父图像通常是一个占位图像，它具有与最终子图像相同的尺寸和比例，但是内容为空白或者是一个简单的加载动画。当页面加载时，父图像会立即显示，因为它的数据量较小，加载速度较快。而子图像则会在用户滚动页面时才开始加载，以避免一次性加载大量图像导致页面加载缓慢。

延迟加载子图像的好处是可以减少页面的初始加载时间，提高用户的首次访问体验。特别是对于包含大量图像的长页面或者移动设备上的访问，延迟加载可以显著减少页面加载时间，减轻网络流量的负担。

在实际应用中，延迟加载子图像可以通过以下方式实现：

1. 使用JavaScript：通过监听页面滚动事件，当子图像进入可视区域时，动态加载子图像的URL，并替换父图像的内容。
2. 使用Intersection Observer API：这是一种现代浏览器提供的API，可以异步观察目标元素与其祖先或视窗交叉的情况。通过使用Intersection Observer API，可以方便地实现延迟加载子图像的效果。
3. 使用第三方库或框架：许多前端开发框架和库，如React、Vue.js等，都提供了延迟加载图像的组件或插件，可以方便地集成到项目中使用。

在腾讯云的产品中，可以使用腾讯云的对象存储服务 COS（Cloud Object Storage）来存储和管理图像资源。COS 提供了高可靠性、高可用性的存储服务，可以满足延迟加载子图像的需求。具体可以参考腾讯云 COS 的产品介绍和文档：腾讯云 COS 产品介绍。

总结起来，当子图像已延迟加载时显示父图像是一种优化图像加载的技术，通过先加载父图像，延迟加载子图像的方式，提高页面加载速度和用户体验。在实际应用中，可以使用JavaScript、Intersection Observer API或第三方库来实现延迟加载子图像的效果。腾讯云的对象存储服务 COS 可以作为存储和管理图像资源的解决方案。