你现在的位置:网站首页 > 网站优化 > 网站优化之精简CSS和JavaScript代码
专业网站设计、网站优化
正文

网站优化之精简CSS和JavaScript代码

摘要:网站优化之精简CSS和JavaScript代码-CSS和JavaScript代码精简是指从去除代码不必要的字符减少文件大小从而节省下载时间

    CSS和JavaScript代码精简是指从去除代码不必要的字符减少文件大小从而节省下载时间。消减CSS和JavaScript代码时,所有的注释、不需要的空白字符,如空格、换行、tab缩进等都要去掉。

    在 JavaScript中,由于需要下载的文件体积变小了从而节省了响应时间。精简JavaScript中目前用到的有两个最广泛的工具JSMin和YUI Compressor。YUI Compressor还可用于精简CSS。

    混淆是另外一种可用于源代码优化的方法。这种方法要比精简复杂一些并且在混淆的过程更易产生问题。在对美国前10大网站的调查中发现,精简也可以缩小原来代码体积的21%,而混淆可以达到25%。尽管混淆法可以更好地缩减代码,但是对于JavaScript来说精简的风险更小。
 
    除消减外部的脚本和样式表文件外,<script>和<style>代码块也可以并且应该进行消减。即使你用Gzip压缩过脚本和样式表,精简这些文件仍然可以节省5%以上的空间。由于JavaScript和CSS的功能和体积的增加,消减代码将会获得益处。

,