当前位置Q?a >首页 > |站
如何让webE序飞v来的Ҏ(gu)
来源Q徐州亿|网l科技有限公司 旉Q?012-03-26 作者:(x)
当开发h员用CSS或JavaScript文g工作ӞI白内容通常是一件好事。空白内容包括羃q文件所使用的字W,增强可读性的间距、以?qing)?f)了在文章的不同部分添加一个可视间隔而插入的额外I。空白内容文g易于阅读和维护?span style="color: #000000">徐州|络公司认ؓ(f)Q?/span>如果CSS文g中有适当数量的空白内?和注?Q将有助于开发h员理解CSS代码的意图?/p>
从这一点上来说Q将文g变得更小作ؓ(f)问题的一个长期解x案是不可行的Q因为文件很有可能在来?x)被修改。如果将I白内容和注册全部删除,CSS?JavaScript代码很N诅R?/p>
问题是逐渐增加的空白导致文件不断增大。每个空白行、羃q和括号之间的空D占用一个额外字W,q对于CSS或JavaScript代码的正解析来说实际上q不需要。首先,一两个I白没有什么大不了的,但是数量乘以一个很大倍数时就变成很大的数量了?/p>
此外Q下载文件的用户必须{待文g的下载。尽许多用户在他们W一ơ访问网站后可能有~存的CSS或JavaScrip文gQ性能仍然?x)对他们的第一ơ访问造成负面影响。如果可以减CSS和JavaScript文gQ即使每?KBQ都可以减少数千字节的浏览器必须加蝲的数据?/p>
解决Ҏ(gu)Q压~?/strong>
要解决问题ƈ从小资源L(fng)Q一个显而易见的解决Ҏ(gu)是从CSS和JavaScript文g删除额外元素Q比如注释和I白。但是,׃在开发过E中从文件删除注释和I白不可行,一个较好的解决Ҏ(gu)?“分” 的网站资源、优化它们、然后将其发布?/p>
~写一个删除空白字W的定制脚本最初听h是一个可行的解决Ҏ(gu)Q但是在CSS和JavaScript文g中本w都有很重要的空白。因此Q何删除空白和压羃文g的工具必L_Q可以区别哪些语a中哪些空白是重要的?/p>
q运的是Q在C中已l可以找到这U工具了Q它们已l经q资?比如 CSS ?JavaScrip 文g)压羃试了。其中一个工具就?YUI CompressorQ一个来自Yahoo! Developer Network的可用工兗?/p>
YUI Compressor
通过YUIQ以下优化将在JavaScript文g中执行:(x)
删除I白。从JavaScript代码中删除所有不重要的空白,包括新行?/p>
删除注释。从 JavaScript文g中删除所有注释,除了q些C风格的注释,?/*! 序列开始的。如果公司版权或者其他信息必M留在文g中,务必使用该序列包含注释内宏V?/p>
重命?Method-scoped 变量。除非用YUI Compressor 命o(h)?--nomunge选项Q否则YUI Compressor自动羃短JavaScript文g中的变量名?变量声明单独留在函数外Q假讑֮们可能会(x)用于其他地方)。由于JavaScript语言中的变量名仅需臛_一个字W,p为JavaScript文g节省相当多字W。替换变量稍微淆JavaScript代码Q但是由于不需要修改代码版本,应该问题不大?/p>
删除分号。像压羃CSS一P一些不重要的分?;)被从JavaScript代码中删除?/p>
其他选择?-line-break 选项对于分离文g可能是重要的Q因此这一行不能太ѝ?优化?YUI Compressor?x)删除换行符?
看看优势
要想查看压羃的优势,可以使用不同的工P其中两个是构建在览器中Q这使得使用它们比用分析工h便得多:(x)Google Chrome Web览器的开发h员工具和Mozilla Firefox的Firebug插g。这两个工具都展CZ下蝲的附加资源以?qing)文件大和下蝲它们览器所用的旉?/p>
本文由徐州亿|网l公司(www.exz.cnQ提?/p>
公司动?/a>
- 2015徐州亿网APP点子大赛
- 周六游?—?水深火热
- 数钱游戏 --- 开心一?/a>
- 周末游戏
- 由徐州亿|承建开发的塔机动态监控管理系l正式上U?/a>
- 由徐州亿|承建开发的Zȝh防伪防窜货功能的微信公众q_正式上线
- 中秋攑ց前的团队Ƣ聚
- 台儿庄一日游
- 周六游戏 ------ H出重围
- 7.26日周六活?/a>
行业资讯
- 1?日~1?日百度相关系l出现故?/a>
- 癑ֺ公司的技术别以?qing)薪资范?/a>
- 企业App开发推q的三大程
- 徐州|络公司Q网l陷׃可不?/a>
- iPhone6涉嫌外观抄袭
- 山寨Q扒一扒那些靠着别h才能zȝ手机APP应用
- APP当道的时代你用或者不用,它就在那?/a>
- 做网站要选择合适的域名
- 如何避免成ؓ(f)Google补充材料
- 认识SEO原理和网站推q方?/a>
营销{划