使用快速CDN将动态CSS URL放在HTTP标头中

Question

我正在生成用于缓存清除的动态CSS URL。 即它们采用styles-thisisthecontenthash123.css格式。

我还想使用HTTP Link标头来稍微更快地加载文件。 即具有标题Link: <styles-thisisthecontenthash123.css>; rel=stylesheet Link: <styles-thisisthecontenthash123.css>; rel=stylesheet

我很确定可以在使用VCL的Fastly中做到这一点，但是我对生态系统并不十分了解。 CSS URL在index.html ，已缓存。 我想我可以打开index.html ，也许可以使用正则表达式来解析CSS URL。 我该怎么做？

Answer 1

如果我正确理解了您的问题，则希望为所有对index.html请求都包含一个link标题。 您可以使用Fastly做到这一点，但是如果CSS文件的URL发生更改，您将无法使用VCL提取该信息（您无法检查响应正文）。

您可以使用边缘字典，并且只要CSS文件名更改，就可以通过API更新参考。

事实是，如果要在文件更改时进行API调用，则最好保持文件名的一致性（ styles.css ），并且每当发布新版本时都发送缓存无效 （清除）。 Fastly将在约150ms内清除缓存，因此您要做的就是添加标头，这可以在带有条件的Fastly Web门户中完成。