【问题标题】:Why can't CSS and Javascript be merged in my Magento Store?为什么我的 Magento 商店中不能合并 CSS 和 Javascript?
【发布时间】:2013-01-19 07:32:31
【问题描述】:

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

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

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

【问题讨论】:

  • 您是否在任何错误日志中得到任何信息?您的浏览器的开发者控制台中是否有任何 javascript 错误?

标签: javascript css magento merge


【解决方案1】:

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

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

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

尝试为图像和静态文件(如 JS 和 CSS)使用 CDN,以便它们从不同的服务器并行加载。

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

【讨论】:

    【解决方案2】:

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

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

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

    【讨论】:

      【解决方案3】:

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

      如果你想要真正的闪电般的速度,你需要安装类似 Varnish 缓存服务器端的东西来获得极快的速度。

      问候,

      【讨论】:

        【解决方案4】:

        我遇到了同样的问题。我在 chrome 检查器中看到,在查看大型串联 css 文件时,其中一个 css 文件中有红点。原来文件编码是错误的。我通过进入 File...Save with encoding..UTF-8 将文件转换为崇高文本以将编码保存为 UTF-8。之前的编码是带有 BOM 的 UTF-16 LE。一旦我将其更改为 UTF-8,css 就会正确显示。

        【讨论】:

          【解决方案5】:

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

          【讨论】:

            【解决方案6】:

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

            检查您的任何组合 CSS 文件是否使用了“import”方法。这可能会导致设计中断,因为当您组合它们时,导入的 CSS 将不起作用。例如:

            @import url("style.css")
            

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

            或者,您可以使用“链接”HTML 标记包含文件,如下所示:

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

            在 Magento 中,您可以包含来自 app/design/frontend/YOUR_PACKAGE/YOUR_THEME/layout/local.xml

            【讨论】:

              猜你喜欢
              • 2014-07-14
              • 1970-01-01
              • 1970-01-01
              • 2016-02-28
              • 1970-01-01
              • 2023-04-09
              • 1970-01-01
              • 1970-01-01
              • 2020-05-25
              相关资源
              最近更新 更多