英文原文正文为项目原始 README（英文），本站后续会翻译为中文，当前仅剔除图片与无关章节并统一排版。

塞满

优化静态网站以获得最佳用户体验和最佳核心网络指标分数。

jampack是什么？

不是打包工具。不是框架。

jampack 是一个后处理工具，它接收你的 静态网站生成器（也称 SSG） 的输出，并对其进行优化，以获得最佳的用户体验和最佳的 核心网页指标 分数。

阅读介绍博客文章

jampack能做什么？

``

具有以下尺寸时变得响应式：

`

becomes responsive with multiple formats including AVIF:

```html

阅读更多

CDN 图片变得响应式

变成

阅读更多

外部图像可以被下载和优化

变成

阅读更多

折上和折下

jampack 优化了首屏显示的资源 ⬆️。

• 图像以更高的优先级加载。
• 小图像嵌入在HTML中。

延迟加载折叠下的资源 ⬇️。

• 图像和 iframe 会延迟加载。

阅读更多

内联关键 CSS

在样式表下载和解析时避免 FOUC。jampack 将内联关键 CSS 并延迟加载其余 CSS。

阅读更多

预取链接

通过预取页面上的链接来加快未来页面的导航。多亏了 quicklink，当链接进入视口时，这可以动态完成。

阅读更多

所有资产已被压缩

在第二次传递中，jampack 会压缩所有未处理的资源，并保持相同的名称和相同的格式。

以及更多！

快速使用

# 优化 `dist` 文件夹中的静态网站
npx @divriots/jampack ./dist

有关更多选项，请参见 CLI 选项。

jampack 在实际使用中

• 为所有 ‹div›RIOTS 网站提供动力
• keycloak.ch
• bayjs.org
• qwind.pages.dev
• Bloycey's 博客
• gxanshu.in
• cloudcannon.com
• groupsync.app

  在这里添加你的

为什么叫做 jampack？

• jam：来自 Jamstack。
• pack：让人想起90年代的可执行文件压缩器。

许可证

本软件根据 MIT 许可证 的条款发布。