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

Question

如题，还有css文件 同问。

Answer 1

网站优化：一个是压缩合并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来压缩，很好用。

Answer 2

注意js文件大小如果较大 建议优化 如果过大 页面每次加载都会载入js文件 会影响用户体验 css同理

Answer 3

js文件大的话，可以把公共的放一起，其他单独放

Answer 4

通用JS放一个文件，单独功能使用的另做一个文件，页面需要则调用，不需要则不用

Answer 5

分开创建更好！

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

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

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