2

我有这个 Joomla！我已经设置了一个 yoo 主题模板，但我的网站非常慢，因为该模板有 30 个外部 CSS 文件和大约 20 个脚本文件。

我已经设法将所有 JavaScript 文件与 component 合并为一个ScriptMerge，但对于 CSS，该组件无法正常工作，因为当我将所有 CSS 文件合并为一个时，它会弄乱我的网站。

我也尝试过其他组件jch optimizer，jbetolo但没有成功！

有谁知道可以为我完成这项工作的组件或插件？或者其他可能的东西，我也尝试了一些用于组合的脚本.htaccess，但也没有成功。

4

5 回答 5

2

我知道这个 Q 是很久以前发布的，但由于我曾经遇到过这种问题，我想我可以分享一个链接到我在为 Joomla 创建模板时经常使用的这两个任务管理器，即：

一个简单的 grunt 任务可以在瞬间组合你的 CSS （见下面的例子）

...
cssmin: {
    target: {
        files: {
            'css/output.css': [
                'style1.css',
                'style2.css'
            ]
        }
    }
}
...

干杯!

于 2017-02-23T07:59:41.347 回答
1

您可以使用@import url'file'将每个 css 文件包含在一个文件中，然后将一个文件包含在您的主页中。

例如在我的网站

@import url("nav.css");
@import url("popup.css");
@import url("latestPosts.css");
@import url("home.css");

此代码放置在顶部，common.css然后common.css仅包含在index.php

可能想看看这里： http ://www.w3.org/TR/CSS21/cascade.html#at-import

于 2013-04-20T01:00:22.260 回答
1

这是允许加载各种扩展的模板驱动 CMS 的常见问题。

Joomla ！extensions 目录有一个用于增强“站点性能”的完整部分，有一系列用于组合 CSS 和 Javascript 文件的流行扩展。

RokBooster相当受欢迎。

于 2013-04-20T10:24:21.973 回答
1

也许Factor CSS可以帮助你？通过它运行您的组合文件，看看是否有区别。但是不要忽视免责声明，它指出当样式表依赖于规则的顺序时它可能无法正常工作。这就是级联样式表的本质。

About.com对样式表的引用

样式表旨在通过一系列样式级联，例如瀑布上的河流。河流中的水会撞击瀑布中的所有岩石，但只有底部的岩石会影响水流的确切位置。

当您说组合样式表时它会弄乱您的网站。考虑一下添加文件的顺序。自动样式表组合脚本永远不会知道您希望最终结果如何，它所能做的就是根据预先定义的一组指令将您拥有的内容组合起来，而不是根据最终看起来有多好. 因此，请确保输入正确并且文件以正确的顺序组合。

这是一个关于样式表中的级联顺序和继承的有趣链接，可能会有所帮助。

于 2013-04-20T01:08:23.280 回答
1

如果您喜欢编码......这里有一个解决方案。

您可以通过使用以下内容创建一个 php 文件，将您的 css 文件动态地捆绑为一个：

<?php
# File combcss.php
readfile("stylesheet1.css");
readfile("stylesheet2.css");
?>

然后你可以这样调用你的样式表：

<link rel="stylesheet" type="text/css" href="/combcss.php" />
于 2015-09-10T14:13:58.310 回答