优化

Next.js提供了多种内置优化，旨在提高应用程序的速度和核心网络指标。本指南将介绍您可以利用的优化，以增强您的用户体验。

内置组件

内置组件抽象了实现常见UI优化的复杂性。这些组件包括：

• Images：建立在原生<img>元素上。图片组件通过延迟加载和根据设备大小自动调整图片大小来优化图片性能。
• Link：建立在原生<a>标签上。链接组件在后台预加载页面，以实现更快更平滑的页面过渡。
• Scripts：建立在原生<script>标签上。脚本组件使您能够控制第三方脚本的加载和执行。

元数据

元数据有助于搜索引擎更好地理解您的内容（这可能导致更好的SEO），并允许您自定义内容在社交媒体上的呈现方式，帮助您在各个平台上创建更具吸引力和一致性的用户体验。

静态资源

Next.js的/public文件夹可用于提供静态资源，如图片、字体和其他文件。/public内的文件也可以被CDN提供商缓存，以便高效传递。

分析和监控

对于大型应用程序，Next.js与流行的分析和监控工具集成，帮助您了解应用程序的性能。在 OpenTelemetry和工具指南中了解更多。