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

Question

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

我彻底（以我的拙见）搜寻了解决我的问题的技巧，但找不到能明确说明应该做什么的技巧。 我希望有人能给我一个答案，因为现在的加载时间只有5秒以内，这真是一个加载时间！

我要预先感谢大家的努力！

Answer 1

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

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

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

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

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

Answer 2

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

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

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

Answer 3

如果遇到麻烦，则在Firebug控制台或Magento日志中可能会出现一些错误消息。 检查它是否可以解决此问题。

如果要真正提高速度，则需要安装Varnish缓存服务器端之类的东西，以实现极高的速度。

问候，

Answer 4

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

Answer 5

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

Answer 6

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

检查您的任何组合CSS文件是否已使用“ import ”方法。 这可能会导致设计中断，因为将导入的CSS组合在一起后将无法使用。 例如：

@import url("style.css")

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

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

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

在Magento中，您可以包含来自app / design / frontend / YOUR_PACKAGE / YOUR_THEME / layout / local.xml的 CSS文件