全部产品
Search
文档中心

CDN:页面优化

更新时间:Feb 02, 2024

开启页面优化功能,CDN会自动删除页面的冗余内容,例如HTML页面、内嵌JavaScript和CSS中的注释以及重复的空白符,可以有效去除页面的冗余信息,缩小文件体积,提高加速分发效率,同时也可以提升页面的可阅读性。

注意事项

  • 如果源站文件配置了MD5校验机制,请不要开启页面优化功能。

    开启页面优化功能,CDN进行页面优化时,会改变文件的MD5值,导致优化后文件的MD5值和源站文件的MD5值不一致。

  • 如果源站开启了Gzip压缩或Brotli压缩,CDN的页面优化功能将会失效,CDN会将源站压缩后的文件透传给客户端。

    在不关闭源站的Gzip或Brotli压缩的情况下,如果想使用CDN的页面优化功能,您可以在CDN的回源HTTP头中进行配置,删除Accept-Encoding头。CDN回源删除Accept-Encoding后,CDN页面优化功能即可正常执行。删除Accept-Encoding头,请参见配置回源HTTP请求头

  • 如果您同时开启了页面优化和压缩功能(Gzip压缩或者Brotli压缩),页面优化功能将会失效,CDN只会对文件进行压缩。

  • 在某些特殊情况下,开启页面优化功能,改写网站页面中的HTML文件、CSS文件、JS文件可能会影响到网站的业务逻辑,客户端访问改写以后的网站页面可能会出现类似Hydration completed but contains mismatches. 这样的报错,这个时候关闭页面优化功能即可解决问题。

操作步骤

  1. 登录CDN控制台

  2. 在左侧导航栏,单击域名管理

  3. 域名管理页面,找到目标域名,单击操作列的管理

  4. 在指定域名的左侧导航栏,单击性能优化

  5. 页面优化区域框中,您可以选择开启HTML优化CSS优化JavaScript优化

    说明

    “HTML优化”这个开关是页面优化功能的总开关,如果仅打开“HTML优化”开关,则只会开启HTML优化功能;如果要开启CSS优化或JavaScript优化,需要先打开“HTML优化”开关,然后再打开“CSS优化”或者“JavaScript优化”开关,CSS优化或者JavaScript优化才会生效。

    页面优化

    • 开启HTML优化:即可实现对HTML页面的优化。

    • 开启CSS优化:即可实现对CSS的优化。

    • 开启JavaScript优化:即可实现对JavaScript的优化。

相关API

BatchSetCdnDomainConfig