customelements.define()应在首屏组件用defer脚本同步注册、非首屏组件在交互事件中动态import后注册，避免全局提前注册导致渲染阻塞。

customElements.define() 什么时候调用才不卡首屏

全局脚本一加载就注册所有自定义元素，等于强迫浏览器提前解析、执行、升级那些根本没被用到的组件——首屏渲染直接变慢，还可能因 polyfill 未就绪或重复 define 报错。

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

关键不是“要不要注册”，而是“谁需要、什么时候需要”。首屏必须出现的组件（比如 <header-bar></header-bar>、<nav-menu></nav-menu>），应放在 <script defer></script> 中同步注册，且脚本必须位于

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！