Magento 重复加载 JS CSS 文件

Posted

技术标签:

【中文标题】Magento 重复加载 JS CSS 文件【英文标题】:Magento Duplicate Loading of JS CSS files 【发布时间】:2018-04-19 01:55:39 【问题描述】:

在检查网页性能时,我发现 GTmetrix 发现一些 CSS 和 JS 文件是从不同位置加载的 - 同一个文件。 示例:

<action method="addItem" module="ves_blockbuilder" ifconfig="ves_blockbuilder/ves_blockbuilder/enable_animation"><type>skin_css</type><name>ves_base/animate.css</name></action>

<action method="addItem"><type>skin_css</type><name>css/animate.css</name><params/></action>

这里显示的是页面源代码。

skin/frontend/ves_value/default/css/animate.css" media="all" />

skin/frontend/base/default/ves_base/animate.css" media="all" />

我的问题是如何在不影响任何功能的情况下安全地避免加载。

【问题讨论】:

【参考方案1】:

你有几个选择:

    您可以删除&lt;action method="addItem"&gt; 行之一。

    在系统配置中,您可以在 ves_blockbuilder 设置。属性 ifconfig="ves_blockbuilder/ves_blockbuilder/enable_animation" 表示只有enable_animation 才会添加css文件 设置设置为true/yes/enabled/etc。但是,如果您需要动画 其他功能的模块,然后我会保留它并删除底部 行。

附加说明:确保它们是完全相同的文件。它们可能具有相同的文件名,但 css 规则不同——在这种情况下,保留两个文件是有效的。

【讨论】:

以上是关于Magento 重复加载 JS CSS 文件的主要内容,如果未能解决你的问题,请参考以下文章

jquery load()重复加载,多次加载 js 和css问题的解决办法

Magento 2.4.3 安装后未加载 css 和 js。在 url 'pub' 中丢失

next.js中重复的CSS和Js渲染问题

Magento:如何显示可配置重复产品的重复配置文件信息

@import 与 Sass 不合并文件 [重复]

如何覆盖Prototype.js类中声明的javascript函数