CSS 文件将在其他所有内容之前加载。
通过准备好样式,您将防止无样式的内容出现在其前面,这可能会防止 CLS 问题。要同时使用预加载和异步加载方法,可以按如下方式加载 CSS 文件; <link href="style.css" rel="preload" as="style"为了减少 CSS 文件对页面加载速度的影响,在页脚标记或页面下几行加载不必要的 CSS 文件将极大地提高页面加载速度。 如何更改WordPress网站JS和CSS文件的加载方式?如果您完全了解加载方法及其工作原理,我们可以继续讨论如何将这些更改应用到您的 WordPress 网站。您需要了解何时何地在网站上使用 async 和 defer 属性。您可以通过对所有文件应用相同的过程(例如为所有文件提供延迟属性)来加速南非手机号码列表 您的网站,但您很可能会遇到无法工作或看起来损坏的区域。因此,在确定你的CSS和JS文件的加载方式时,你应该确定你在什么级别需要哪些文件。 如果您不能明确确定所需文件的顺序,则某些文件可能无法正常工作,或者您的网站可能看起来已损坏。
https://i.ibb.co/wRHLBPW/111111.jpg
最基本的示例是依赖文件,例如 jQuery。 可以作为错误使用示例的场景如下:您加载了使用 defer 属性创建依赖项(如 jQuery)的 JS 文件。但是,您加载了一个滑块 JS 文件,该文件要求在首次打开页面时首先加载 jQuery 库。在这种情况下,滑块 JS 文件将查找 jQuery 库,但它还不会被加载,因为您在加载期间给了它 defer 属性。这就是为什么你的滑块JS文件会报错,这将导致你的网站无法正常工作。 为了避免这种情况,可以采取的最基本的操作是在页面开头预加载依赖文件(例如,jQuery.js),而不给予它们延迟或异步。
頁:
[1]