如何为 Gitlab 页面启用 GZip 压缩？

Question

当使用Gitlab Pages呈现我的网站时，页面排名很慢。 我在 GitLab（非企业版）中找不到关于如何执行以下操作的任何解决方案

1. 为各种页面资源（如图像）指定HTTP Cache Headers ，以便可以缓存它。

2. 指定/启用 GZip 压缩，因为页面排名提到在 gitlab.io 中禁用压缩。

Answer 1

1. 看起来仍然无法指定 HTTP 缓存标头。 但至少他们为这里的所有资源硬编码了“max-age=600” 。

2. 您可以通过.gitlab-ci.yml压缩公共文件夹的内容：

   脚本：

   • 安装
   • npm 运行构建
   • gzip -k -6 -r 公共

Answer 2

如果您已经在pages CI 作业中预先压缩了压缩资产，GitLab 支持提供压缩资产。 请参阅文档。

请注意，您可以并且也应该使用brotli压缩，因为它针对 Web 内容进行了优化，并得到了大多数现代浏览器的支持。

您的.gitlab-ci.yml也有一个建议的片段：

pages:
  # Other directives
  script:
    # Build the public/ directory first
    - find public -type f -regex '.*\.\(htm\|html\|txt\|text\|js\|css\)$' -exec gzip -f -k {} \;
    - find public -type f -regex '.*\.\(htm\|html\|txt\|text\|js\|css\)$' -exec brotli -f -k {} \;

我还没有找到影响缓存行为的方法。 我也在找这个。

Answer 3

为 GitLab 页面启用 GZip 压缩

如果您添加静态站点文件的预压缩.gz版本，则nginx可以提供它们而不是常规文件。 将此行添加到您的.gitlab-ci.yml文件中：

image: alpine:latest

pages:
  stage: deploy
  script:
    - mkdir .temp
    - cp -r * .temp
    - mv .temp public
    - gzip -k -9 $(find public -type f)
  artifacts:
    paths:
      - public
  only:
    - master

此命令以最大压缩率压缩在public目录中找到的所有文件。