为什么CSS和Javascript不能合并到我的Magento商店中

Why can't CSS and Javascript be merged in my Magento Store?

本文关键字：Magento 我的合并 CSS Javascript 不能为什么更新时间：2023-09-26

我的Magento商店加载速度非常慢，我决定修复一些问题并使其加载速度更快。我通读了有关该主题的一些指南，并发现了多个可以帮助我解决速度问题的插件。但是每次我尝试安装其中一个插件，如 Fooman Speedster 和 GTmetrix 的 GTspeed，并尝试组合和/或合并 JS 和 CSS 文件时，商店的前端和后端都会搞砸。CSS和Javascript文件不再工作了。布局消失了，下拉菜单也没有显示。

我彻底（以我的拙见）搜索了解决我问题的提示，但我找不到一个清楚地解释应该做什么的技巧。我希望有人能为我提供一个答案，因为现在的加载时间不到 5 秒，这是一个地狱般的加载时间！

我要提前感谢大家的努力！

我认为您正在使用的插件已经在需要时合并了JS和CSS文件。

您也可以尝试为Apache安装Google PageSpeed插件 - 尚未尝试过，因此请在测试环境中进行。

尝试查看您的数据库，看看您是否有很长的查询，您可以通过添加索引等来优化这些查询......

尝试对图像和静态文件（如 JS 和 CSS）使用 CDN，以便它们从不同的服务器并行加载。

Magento的加速插件非常不稳定。

这里可能会发生一些不同的事情。

我会检查你没有冲突。例如，如果两个不同的模块在不同的时间包含jQuery，这可能会导致冲突，这些冲突通常不会出现，直到您合并Javascript文件。

我强烈建议不要使用内置的合并工具。我不确定如果启用了Fooman或GTSpeed是否禁用它们，但我建议在"系统->配置"菜单中禁用它们。我很肯定这两个模块不尊重该设置，但我不确定如果两者都启用Magento会做什么。

如果您遇到问题，可能会在Firebug控制台或Magento日志中收到一些错误消息。检查它是否有助于解决此问题。

如果你想要一个真正闪电般的速度，你需要安装类似 Varnish 缓存服务器端的东西以获得极高的速度。

问候

我遇到了同样的问题。我在Chrome检查器中看到，在查看大型串联css文件时，其中一个css文件中有红点。事实证明文件编码是错误的。我将文件转换为精美的文本，以通过进入文件将编码保存为 UTF-8...使用编码保存..UTF-8。之前的编码是带有 BOM 的 UTF-16 LE。一旦我将其更改为 UTF-8，css 就会正确显示。

也许你的javascript和css行没有正确关闭。当您在没有合并和压缩的情况下运行脚本时，浏览器会在 js 语句末尾使用右分号和您在编写代码时可能忘记的其他一些语法来解释代码，但如果代码被合并和压缩，浏览器崩溃并且您的 magento 会回退到默认或基本文件。

我在

使用 CSS 合并时遇到了设计中断的问题。实际原因是我的一个CSS文件中使用的"导入"方法。

检查是否有任何组合的CSS文件使用了"导入"方法。这可能会导致设计中断，因为导入的 CSS 在组合它们时将不起作用。例如：

@import url("style.css")

您可以创建一个单独的 CSS 文件，并在该单独的 CSS 文件中记下所有导入的 CSS 文件代码，而不是使用导入。

或者，您可以使用"链接"HTML 标记包含文件，如下所示：

<link rel="style.css" href="style.css" type="text/css">

在Magento中，您可以包含来自 应用程序/设计/前端/YOUR_PACKAGE/YOUR_THEME/布局/本地.xml