前端开发内联代码的优点与缺点？

内联是直接在HTML文档中包含文件内容的过程：CSS文件可以在元素内部内联，JavaScript文件可以内联在元素中：

通过打印HTML输出中已有的代码，内联可避免渲染阻塞请求，并在呈现页面之前执行代码。因此，它有助于提高站点的感知性能（即页面变得可用的时间。）例如，我们可以使用在加载站点（大约14kb）时立即传送的数据缓冲区来内联在关键的风格，包括款式上面屏内容（如已经在先前的网站完成），以及字体大小和布局的宽度和高度，以避免跳跃的布局重新绘制时数据的其余部分被输送。

但是，当过度使用时，内联代码也会对站点性能产生负面影响：由于代码不可缓存，因此会反复向客户端发送相同的内容，并且无法通过ServiceWorkers预缓存，或者从内容交付网络缓存和访问。此外，在实施内容安全策略（CSP）时，内联脚本被认为是不安全的。