如何让web程序飞起来的方法
来源:齐发棋牌游戏 发布时间:2012-03-26浏览

  当开发人员使用CSS或JavaScript文件工作时,空白内容通常是一件好事。空白内容包括缩进文件所使用的字符,增强可读性的间距、以及为了在文章的不同部分添加一个可视间隔而插入的额外空行。空白内容使文件易于阅读和维护。徐州网络公司认为,如果CSS文件中有适当数量的空白内容(和注释),将有助于开发人员理解CSS代码的意图。

  从这一点上来说,将文件变得更小作为问题的一个长期解决方案是不可行的,因为文件很有可能在将来会被修改。如果将空白内容和注册全部删除,CSS和 JavaScript代码就很难阅读。

  问题是逐渐增加的空白导致文件不断增大。每个空白行、缩进和括号之间的空格至少占用一个额外字符,这对于CSS或JavaScript代码的正确解析来说实际上并不需要。首先,一两个空白没有什么大不了的,但是小数量乘以一个很大倍数时就变成很大的数量了。

  此外,下载文件的用户必须等待文件的下载。尽管许多用户在他们第一次访问网站后可能就有缓存的CSS或JavaScrip文件,性能仍然会对他们的第一次访问造成负面影响。如果可以减少CSS和JavaScript文件,即使每次1KB,都可以减少数千字节的浏览器必须加载的数据。

  解决方案:压缩

  要解决问题并从小资源获益,一个显而易见的解决方案是从CSS和JavaScript文件删除额外元素,比如注释和空白。但是,由于在开发过程中从文件删除注释和空白不可行,一个较好的解决方案是 “分级” 的网站资源、优化它们、然后将其发布。

  编写一个删除空白字符的定制脚本最初听起来是一个可行的解决方案,但是在CSS和JavaScript文件中本身都有很重要的空白。因此任何删除空白和压缩文件的工具必须是足够智能,可以区别哪些语言中哪些空白是重要的。

  幸运的是,在社区中已经可以找到这种工具了,它们已经经过资源(比如 CSS 和 JavaScrip 文件)压缩测试了。其中一个工具就是 YUI Compressor,一个来自Yahoo! Developer Network的可用工具。

  YUI Compressor

  通过YUI,以下优化将在JavaScript文件中执行:

  删除空白。从JavaScript代码中删除所有不重要的空白,包括新行。

  删除注释。从 JavaScript文件中删除所有注释,除了这些C风格的注释,以 /*! 序列开始的。如果公司版权或者其他信息必须保留在文件中,务必使用该序列包含注释内容。

  重命名 Method-scoped 变量。除非使用YUI Compressor 命令的 --nomunge选项,否则YUI Compressor将自动缩短JavaScript文件中的变量名。(将变量声明单独留在函数外,假设它们可能会用于其他地方)。由于JavaScript语言中的变量名仅需至少一个字符,就能为JavaScript文件节省相当多字符。替换变量稍微混淆JavaScript代码,但是由于不需要修改代码版本,应该问题不大。

  删除分号。像压缩CSS一样,一些不重要的分号(;)将被从JavaScript代码中删除。

  其他选择。--line-break 选项对于分离文件可能是重要的,因此这一行不能太长。(优化时 YUI Compressor会删除换行符。)

  看看优势

  要想查看压缩的优势,可以使用不同的工具,其中两个是构建在浏览器中,这使得使用它们比使用分析工具方便得多:Google Chrome Web浏览器的开发人员工具和Mozilla Firefox的Firebug插件。这两个工具都展示了下载的附加资源以及文件大小和下载它们浏览器所用的时间。

在一切开始前,说说您的需求

  • 上海静安区平型关路金赢108创意广场银座18楼

  • 咨询电话:021-61542532

  • QQ咨询:603233758

  • 江苏省南通市崇川区崇川路58号

  • 咨询电话:13585803906

  • QQ咨询:603233758

  • 江苏省徐州市淮海西路120号颖都大厦11F

  • 咨询电话:0516-85645808/85645818

  • QQ咨询:603233758

©Shanghai zhenlue net technology Co., Ltd. 齐发棋牌游戏 版权所有 沪ICP备15021857号-4
上海app制作上海app定制开发上海app开发 专家首选上海真略!