网页设计流程:缩小?

时间:2014-11-02 19:10:02

标签: html css minify

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

我理解为了降低负载速度而缩小的重要性。我用缩进写我的html和css代码。我现在如何做到的是,在我的本地计算机上,我有原始代码。然后,当我准备将其上传到实际网站时,我将缩小它并将代码复制/粘贴到那里。

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

这是正确的方法,还是应该以“缩小”的形式编写代码?如果我用缩小的形式写的话,它几乎是一团糟,也不可能编码。

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

3 个答案:

答案 0 :(得分:1)

以清晰,可维护的方式编写代码。所以,保持缩进等等。

部署代码时缩小代码。您是通过自己运行工具来完成的。许多人在构建/部署过程中执行此操作。因此,您可能有一个命令可以缩小所有资产并将它们部署到服务器。

但如果你现在没有构建/部署工具,那么你可能就是这样做的。把"学习构建工具并采用一个"在你的待办事项/自我完善清单上。你很高兴你做到了。

答案 1 :(得分:0)

缩小不是网页设计过程的一部分。你需要编写漂亮而漂亮的代码。然后使用工具来缩小你的css和javascript,可能是你构建过程的一部分。

答案 2 :(得分:0)

我正在使用http://gulpjs.com/及其部分软件包。它可以观察我的可读css(或更少)并在每次通过缩小或前缀等自动保存时自动保存它(自动为不支持css3的旧浏览器添加浏览器特定的css)

如果您想深入挖掘http://www.sitepoint.com/introduction-gulp-js/

,可以查看本教程