在本教程中，你将构建一个简单的 tooltip 元素，支持延迟创建，确保页面初始渲染速度。

Tooltip 是为主内容和界面提供上下文提示的好方法。例如，一个按钮可能有一个 tooltip 显示点击后会发生什么，或者一个图标可能有一个 tooltip 显示信息卡片。

由于 tooltip 默认不显示，需要交互才能渲染，因此它们是渲染优化的理想选择。通过在需要时延迟创建 tooltip，你可以确保页面初始渲染尽可能快速。

这里是 simple-tooltip 元素的预览。查看代码编辑器中的 my-content.。这展示了一种使用 simple-tooltip 的方式。查看预览输出，将指针移到界面上，观察 tooltip 的显示效果。

以下是你将在后续步骤中完成的内容：

• 聚焦基础：触发 tooltip 并进行定位。
• 在 tooltip 显示和隐藏时添加动画效果。
• 通过基于用户交互延迟创建 tooltip，确保出色的性能。
• 创建一个 Lit 指令，以声明式方式创建高性能的延迟 tooltip。

你将成为 tooltip 专家！