html - 网页设计过程 : Minifying?

标签 html css minify

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 8 年前

在网页设计方面如何缩小代码?

我理解缩小以降低加载速度的重要性。我用缩进编写我的 html 和 css 代码。我现在的做法是,在我的本地计算机上,我有我的原始代码。然后,当我准备好将其上传到实时站点时,我会将其缩小并将代码复制/粘贴到那里。

所以现在我有 2 个版本的网站:原始版和缩小版。

这是正确的方法吗,还是我应该以“缩小”形式编写代码?如果我以缩小的形式编写代码,那将是一团糟而且不可能编写代码。

请告诉我你们是怎么做到的!

最佳答案

以清晰、可维护的方式编写代码。所以,继续缩进等等。

部署时精简代码。您正在通过自己运行工具来做到这一点。许多人将其作为构建/部署过程的一部分。因此,您可能只有一个命令可以缩小所有 Assets 并将它们部署到您的服务器。

但是,如果您现在没有构建/部署工具,那么您的做法可能就是可行的方法。将“学习构建工具并采用一个”放在你的待办事项/ self 改进列表中。你会很高兴你做到了。

关于html - 网页设计过程 : Minifying?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26703226/

上一篇:jquery - Bootstrap yamm hover on dropdown set another to to display block

下一篇:css - 在 WordPress WooCommerce 商店中创建固定侧边栏(不滚动)

相关文章:

html - 使用 CSS 格式化 HTML 段落

html - 当元素从 display none 中显示时,Div 不会自动调整高度

html - 如何使通知在 css 上可滚动为 fb

maven - minify-maven-plugin (com.samaxes.maven v1.7.6) 没有用原始文件替换缩小文件

javascript - 避免在 ParcelJS 上的 HTML 文件中重命名 JS 变量

javascript - 在 div angular 7 上传递值 onclick

javascript - 带有单选标签的简单js计算器

html - Bootstrap 输入 100% 宽度不起作用

javascript - 图片水平滚动溢出问题

html - 在 Node.js 中将 html 和 CSS 缩小到一行