我正在尝试通过合并和压缩CSS和JS文件来优化网站性能。考虑到我所面临的实际情况,我的问题更多地是关于如何实现这一(具体)步骤的(尽管在其他开发人员中也应该是典型的)。
我的页面引用了多个CSS和JS文件,如下所示:
<!--
It's easier to work on smaller files during development.
Hence, the multiple CSS and JS files.
-->
<link type="text/css" rel="stylesheet" href="/css/main.css" />
<link type="text/css" rel="stylesheet" href="/css/secondary-1.css" />
<link type="text/css" rel="stylesheet" href="/css/secondary-2.css" />
<script type="text/javascript" src="/scripts/js/main.js"></script>
<script type="text/javascript" src="/scripts/js/adapter/adapter.js"></script>
<script type="text/javascript" src="/scripts/js/adapter/title-adapter.js"></script>
对于生产版本,我想将3个CSS文件合并为一个,并使用例如将其最小化。但是,然后,我需要更新所有需要这3个文件的页面,以引用刚缩小的CSS。这似乎容易出错(例如,您要在许多文件中删除并添加一些行)。还有其他风险较小的方法吗?JS文件也有同样的问题。
我最终使用CodeKit连接了我的CSS和JS文件。我发现真正有用的功能是可以在保存文件时进行串联;因为它监视相应的CSS
/ JS资产。一旦将它们正确组合到例如1个CSS和1个JS文件中,所有其他文件都可以简单地引用这2个文件。
您甚至可以要求CodeKit快速进行缩小/压缩。
免责声明:我与CodeKit没有任何关系。我在网上随机找到它,并且在我的开发过程中它是一个很好的工具。自从一年多以前我第一次使用它以来,它还带有良好的更新。
本文向大家介绍使用grunt合并压缩js和css文件的方法,包括了使用grunt合并压缩js和css文件的方法的使用技巧和注意事项,需要的朋友参考一下 需要了解的知识: 1、nodejs的安装与命令行使用 2、nodejs安装应用 3、grunt的初步了解 本文已假定读者已经熟悉以上知识。 好,我们继续: 任务1:将src目录下的所有zepto及插件合并,并压缩。 目录结构: 一、js合并压缩 第
问题内容: NodeJS中是否有任何模块可以串联和缩小JavaScript文件? 问题答案: 如果您使用的是Connect,那么Connect-Assetmanager祝我好运
问题内容: 我在Web应用程序中使用jquery,我需要将更多jquery脚本文件加载到单个页面中。 Google建议我将所有jquery脚本文件合并到一个文件中。 我怎样才能做到这一点? 问题答案: 在Linux上,您可以使用简单的Shell脚本将多个javascript文件合并为一个。它利用了Closure Compiler在线服务,因此生成的脚本也得到了有效压缩。
问题内容: 如何将其写成一行? 用id和class选择html标签的方法是什么? 问题答案: 您所要做的就是用逗号分隔它们,例如
本文向大家介绍Node.js实现JS文件合并小工具,包括了Node.js实现JS文件合并小工具的使用技巧和注意事项,需要的朋友参考一下 临近春节,项目结束了,没事情做,于是就想学学node.js,之前写了一个是为了实验室项目的需要,用c#写了个js代码压缩合并的小插件,后来想到可以用node重构,于是就练练手吧,下面小编直接给大家上代码了。 代码如下所示: 内容虽少,不过还是想借此适应一下comm
主要内容:合并多个PDF文档,示例在前一章中,我们已经看到如何将给定的PDF文档分成多个文档。 现在让我们学习如何将多个PDF文档合并为一个文档。 合并多个PDF文档 使用类的类将多个PDF文档合并到单个PDF文档中,该类提供了将两个或多个PDF文档合并到单个PDF文档中的方法。 以下是合并多个PDF文档的步骤。 第1步:加载现有的PDF文档 使用类的静态方法加载现有的PDF文档。 此方法接受一个文件对象作为参数,因为这是一个静态