Html 如何最大限度地减少Cookie同意代码对性能的影响

为了最大限度地减少Cookie同意代码对性能的影响，您可以考虑使用HTML <script> async Attribute以异步方式加载Cookie同意脚本.

<script async src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>

您可以try 最小化/组合外部资源.不幸的是，如果不能访问您的Cookie同意库的源代码，您就不能直接最小化或组合这些资源.但你可以确保你正在使用minified versions，就像你已经在使用的那样.如果需要进一步优化，可以考虑自己托管这些文件.

您还可以将Cookie同意的初始化推迟到DOMContentLoaded event之后.这样可以确保初始化代码不会阻止页面的呈现.

<script>
document.addEventListener('DOMContentLoaded', function () {
    if(window.cookieconsent) {
    window.cookieconsent.initialise({
        "palette": {
        "popup": {
            "background": "#eee",
            "text": "#000"
        },
        "button": {
            "background": "#0f0",
            "text": "#ffffff"
        }
        }
    });
    }
});
</script>

这也说明了在初始化cookie同意时的一个良好实践:通过判断window.cookieconsent是否可用(如this example中)，您可以避免潜在的错误，并确保脚本仅在必要时运行.

你能解释一下为什么你推荐用"DOMContentLoaded"而不是"load"吗？

The "DOMContentLoaded" event is fired when the HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading. That means your script will run as soon as the HTML is fully parsed, but potentially before all external resources (like images or stylesheets) have loaded.
By using this event, you make sure your cookie consent code runs earlier in the page load process, which can be advantageous because it does not have to wait for all resources to load. That can lead to a quicker interactive state for the page, improving user experience, especially on slower connections or devices.

The "load" event, on the other hand, waits for the complete page to load, including all dependent resources like stylesheets and images. That event is fired much later in the page lifecycle.
If you initialize the cookie consent script on the "load" event, the script will only execute after everything on the page has fully loaded, which can delay the display and functioning of the cookie consent popup. That delay might not be ideal, especially if user interaction with the consent is required before they can fully interact with the page.