2017-09-01 45 views
0

我试图优化自己的网站,并发现与CSS文件微小的一个问题:
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css缩减大小的外部CSS谷歌API

我想minifiying脚本通常使用缩小工具,但没有效果的。试图在插件的帮助下进行缩减,但Google洞察结果中没有任何变化。

因此想知道hwat可以完成这种css文件的缩小。

+0

@MoisheLipsker是的,我做到了。事实上,缩小可以完成,但我需要把它放在哪里。由于css是外部的,因此要确定它的使用位置有点困难。该网站太大,代码庞大。因此寻找最好的解决方法。 –

回答

1

从url下载代码,然后将其粘贴到本地css文件中。在缩小后调用代码上的css文件。你完成了。

+0

我是否需要将它链接到某处,因为我不想打扰我的其他css文件。我想保持它独立但仍然运作。 –

+0

您可以将它与另一个本地css文件链接,并且不要忘记从主代码中删除原始链接。不需要在主css文件中添加代码。大多数情况下,我会以这种方式缩小外部css文件的大小,但这不是一个好主意,因为Google经常更新他们的代码。但它节省了我的时间,并帮助我进行速度优化。 – Gamer

1

有可能会从选择一些选项:

  1. 非常基本的:使用在线minifier像https://cssminifier.com/。您可以输入在文本区域的CSS内容,然后再缩小它,或者你可以它的API和

  2. 扩展您的bulid管道使用处理CSS插件:gulp-cssmingulp-clean-css是一饮而尽的例子。

    Int this answer您会看到一个简单的使用示例,介绍如何将较少的内容编译为css然后将其缩小。少用当然是可选的。

  3. 一些编辑喜欢原子support minifying a css file without any plugins。其他编辑器,如Visual Studio Code可能需要extension来支持。

关于要运行如下的外部文件:

我想尝试建设项目时来缩小它,而不是在客户端,因为客户很可能有涅槃之前下载你的脚本,使缩小无用。

我建议下载它,也许与凉亭,然后缩小它。