jquery - CSS/JS/Jquery 中的空格是否占用空间?

标签 jquery html css minify

我在一些网站上读到 here jquery.jsjquery.min.js 在功能上都是相同的,但是 .min 一个删除了所有不必要的字符,以便使文件大小更小。我还在某处读到,无论是在缩小的 CSS 还是在缩小的 JS 中,所有的空格都被删除,以使其更小。

所以我的问题来了

CSS/JS/Jquery 或任何其他编程语言或标记语言中的空格是否占用空间?”

如果我正在编写自定义 CSS 或 JS,那么我怎样才能将其缩小?有什么工具吗?

最佳答案

是的,空格确实占用空间。删除或压缩代码有时可以产生高达 95% 的压缩率,这意味着它将加载得更快。

那里有很多工具。如果您正在寻找非常简单的东西来测试它,我建议您尝试在线资源,例如:

http://refresh-sf.com/

这是一个用于压缩 JavaScript 或 CSS 的网络界面。该工具使用 UglifyJS 2、Clean-CSS 和 HTML Minifier。

理想情况下,如果您正在使用某种现代工具过程,例如 Grunt 或 Gulp,您可以将压缩自动化作为构建过程的一部分。

Google 最近发布了他们的版本:

https://developers.google.com/speed/docs/insights/MinifyResources

You should minify your HTML, CSS, and JavaScript resources. For minifying HTML, you can use PageSpeed Insights Chrome Extension to generate an optimized version of your HTML code. Run the analysis against your HTML page and browse to the 'Minify HTML' rule. Click on 'See optimized content' to get the optimized HTML code. For minifying CSS, you can try YUI Compressor and cssmin.js. For minifying JavaScript, try the Closure Compiler, JSMin or the YUI Compressor. You can create a build process that uses these tools to minify and rename the development files and save them to a production directory.

这是 Google 的“Closure 编译器应用程序入门”的链接,其中介绍了如何压缩您的文件:

https://developers.google.com/closure/compiler/docs/gettingstarted_app

关于jquery - CSS/JS/Jquery 中的空格是否占用空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29383362/

相关文章:

javascript - 在之前的ajax成功后执行ajax php

javascript - onClick Image 勾选/勾选复选框

html - 尝试将照片包裹起来

jquery - 表单输入的样式祖先元素:focus (jQuery)

jQuery 选择器性能

javascript - jquery sortable 删除其他元素

javascript - JQuery如何区分具有选项选定属性的选择选项和不具有选定值的选择

javascript - 只有在弹出窗口之外单击才能关闭弹出窗口 - 如果在弹出窗口内部或上单击则不应将其关闭

html - 如何强制文本在不改变其大小的情况下移出表格单元格

ios - iOS webapp 中 BODY 上的原生动量滚动