html - CSS `<link>` 标签的重复会导致布局或其他问题吗?

标签 html css

旧的 CMS 导致一页上的多个 block 包含相同的 <link rel="stylesheet" src="block.css">标签。它不是很干净,但似乎不会引起任何布局问题。在某些情况下,这可能会成为问题吗?

最佳答案

就规则等效性而言,这不会对您的布局造成问题,因为该文件与其自身相同,因此它包含与自身完全相同的规则,其顺序与自身完全相同。文件的较新加载采用规则并覆盖旧规则,但是,由于文件与其自身相同,每个规则都会覆盖自身。在规则一致性方面没有任何问题。

但同一资源被一遍又一遍地加载这一事实表明,引擎盖下可能存在一些逻辑错误,link 标签的重复可能是一些严重问题的征兆问题。所以你最好检查一下它们为什么重复。

由于加载文件需要时间,您的浏览器可能会在第一时间下载linked 文件,将其保存到缓存中,当再次引用时,将不会发送任何请求到服务器,但文件将从缓存中加载。因此,由于浏览器的缓存,即使在大并发情况下,这种资源重复也不太可能导致任何服务器负载问题,但它会减慢浏览器速度,如果用户的设备未插入,则会不合理地增加负担在用户的电池上。因此,由于您知道该文件是重复的,因此最好删除重复文件并确保资源在需要时只加载一次,如果不需要则根本不加载。

关于html - CSS `<link>` 标签的重复会导致布局或其他问题吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69465555/

相关文章:

css - 如何使用 Bulma CSS 包裹瓷砖

javascript - 如何计算 jQuery 中两个日期之间的月份?

javascript - 通过电子邮件发送 Div 的内容

css - 使用 Bootstrap 按钮时覆盖链接样式

jquery - 使用 jquery 更新导航栏中的事件类

java - Android - TextView maxWidth 奇怪的问题

java - 无需类即可从 span 获取内容?

ios - 当应用程序更新时,嵌入 UIWebView 中的远程站点的 HTML 数据库是否会被清除?

javascript - 如何禁用 CSS 属性并使其无效

html - 第 n 个子选择器在 css 中不起作用(?)