网站优化:所有的js代码放到同一个js文件中好,还是不同的页面根据需要创建不同的js文件好?

如题,还有css文件 同问。

网站优化:一个是压缩合并css,js,一个是合并图片和小图标来达到减少请求量的目的;所以当然是所有的js代码放到同一个js文件中好;需要注意的是:
1、只要命名不冲突放一个文件里面完全没问题,初始化代码用一个$(function(){...})包裹着就可以了;
2、不同的页面执行不同的逻辑代码块完全不冲突,关键是知道自己在做什么;
具体做法:
1)比如a.css,b.css,c.css,把里面的内容都复制到一个css中,main.css这样手动就可以合并
压缩的话,网上都有工具来压缩,直接百度 css压缩 就可以了;
2)js大部分是可以直接和css一样手动合并,然后压缩的(压缩方法,和压缩css一样,百度去),不过要注意复制到文件时的顺序,和代码里面的一些规范,不要把依赖什么的搞混了;如果js文件非常多手动处理很麻烦的时候,可能需要借助工具来实现,你可以试着用前端的一些加载器(require,seajs)来做一些优化,达到按需加载的目的,推荐用seajs试试;自动压缩的话,可以用nodejs的grunt来压缩,很好用。
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-01-09
注意js文件大小如果较大 建议优化 如果过大 页面每次加载都会载入js文件 会影响用户体验 css同理
第2个回答  2014-01-09
js文件大的话,可以把公共的放一起,其他单独放
第3个回答  2015-11-30
通用JS放一个文件,单独功能使用的另做一个文件,页面需要则调用,不需要则不用
第4个回答  2014-01-09

分开创建更好!

    创建文件的意义就在于使项目结构一目了然,使代码便于以后查看和维护,能节约不少时间。

    独立功能模块,可以以功能模块创建文件夹,如:先创建一个文件夹HTWH(后台维护),然后下面再建Javascript文件夹,这里面全放相应JS和CSS.相应JSP页面直接放在HTWH下。

    公用功能模块,建文件夹Public,里面也一样操作,再建Javascript文件夹,这里面全放相应JS和CSS.相应JSP页面直接放在Public下。

相似回答