— a still that plays — Simon Willison 介绍了一个点击播放的 Web Component，

Simon Willison 分享了一个名为 <click-to-play> 的自定义 Web Component，旨在解决 GIF 自动加载导致的性能问题。

• 核心功能：该组件将 GIF 的初始状态显示为静态首帧，用户点击后才加载完整动画。这减少了不必要的网络请求和数据消耗。
• 实现方式：它采用渐进增强（Progressive Enhancement）原则，通过简单的 HTML 标记即可使用，确保在不支持 JavaScript 的环境中仍能降级显示静态图片。
• 开发者价值：这个轻量级工具为前端开发者提供了一种优雅的解决方案，可以轻松集成到现有项目中，提升页面加载速度与用户体验，而无需复杂的配置或框架依赖。

原文：— a still that plays · 作者 Simon Willison