NodeJS中是否有任何模块可以连接和缩小JavaScript文件?
我很想知道,因为Clojure Compiler和UglifyJS不仅可以优化代码大小而且还可以优化性能(虽然我认为大小是主要优先级),如果我的node.js应用程序被缩小,我的运行速度会更快吗?我知道它可能取决于应用程序,但我一般都会问这个问题.
作为此问题的扩展,在此处链接用户控件中的JavaScript库我之后是一些关于人们如何在运行时或在构建时连接和缩小JavaScript的示例.我还想看看它如何适用于您的母版页.
我不介意页面特定的文件被缩小和链接,因为它们当前是(见下文),但主母版页上的所有JavaScript文件(我有大约5或6)我想连接和缩小.
任何同时融入CSS连接和缩小的人的加分!:-)
当前的母版页,包含我想要连接和缩小的常见JavaScript文件:
<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>
<head runat="server">
... BLAH ...
<asp:ContentPlaceHolder ID="AdditionalHead" runat="server" />
... BLAH ...
<%= Html.CSSBlock("/styles/site.css") %>
<%= Html.CSSBlock("/styles/jquery-ui-1.7.1.css") %>
<%= Html.CSSBlock("/styles/jquery.lightbox-0.5.css") %>
<%= Html.CSSBlock("/styles/ie6.css", 6) %>
<%= Html.CSSBlock("/styles/ie7.css", 7) %>
<asp:ContentPlaceHolder ID="AdditionalCSS" runat="server" />
</head>
<body>
... BLAH ...
<%= Html.JSBlock("/scripts/jquery-1.3.2.js", "/scripts/jquery-1.3.2.min.js") %>
<%= Html.JSBlock("/scripts/jquery-ui-1.7.1.js", "/scripts/jquery-ui-1.7.1.min.js") %>
<%= Html.JSBlock("/scripts/jquery.validate.js", "/scripts/jquery.validate.min.js") %>
<%= Html.JSBlock("/scripts/jquery.lightbox-0.5.js", "/scripts/jquery.lightbox-0.5.min.js") %>
<%= Html.JSBlock("/scripts/global.js", "/scripts/global.min.js") %>
<asp:ContentPlaceHolder ID="AdditionalJS" runat="server" />
</body>
Run Code Online (Sandbox Code Playgroud)
在这样的页面中使用(我很满意):
<asp:Content ID="signUpContent" ContentPlaceHolderID="AdditionalJS" runat="server">
<%= …
Run Code Online (Sandbox Code Playgroud) 有没有人为Google的Closure minifier 设置在线复制/粘贴实用程序?
我正在开发一个项目,我想手动缩小部分代码,而不必自己设置整个项目.
使用新的HTTP/2协议,重复HTTP请求到同一服务器所产生的开销已大大减少.
考虑到这一点,缩小和连接JavaScript/CSS文件以及将图像组合成精灵还有任何显着的性能优势吗?或者,当使用HTTP/2时,这些做法是否不再有用?
我正在寻找一个好的CSS压缩,合并和优化工具.我找到了清理CSS的工具,但是他们没有优化覆盖.
这是一个基本的例子:
a{color:#000}
在另一条线上,a
颜色被覆盖:
a{color:#fff}
有没有人知道一个工具,可以清理未使用的CSS,被覆盖并保持应用的风格?
如何在运行/运行时缩小JS和CSS,以便我可以将原始代码结构保留在我的服务器中,如果它在运行时/飞行中缩小.
为什么人们建议缩小Web资产,例如CSS和JavaScript,但他们从不建议缩小标记?CSS和JavaScript可以在许多不同的页面上使用,而标记每次都会被加载,这使得标记的缩小变得更加重要.
所以,在向我的兄弟演示Chrome浏览器的DOM浏览器时,我不禁注意到Google使用了<font size=-2>
标签.
我知道这是一个愚蠢的问题,但从编程的角度来看 - 为什么他们会在Google上使用弃用的标签?是因为它比使用它更小<p class="whatever">
,然后为它创建一个样式,或者只是去<p style="font-size: x-small">
?
minify ×10
css ×6
javascript ×6
compression ×2
html ×2
node.js ×2
asp.net-mvc ×1
c# ×1
http2 ×1
optimization ×1
php ×1
python ×1
uglifyjs ×1