前端优化小细节

大方向网上很多，只说小细节。

JS\CSS引入位置
css放头部，JS放尾部这个都知道了，就不说了。
但根据情况不同，有时就需要使用其它方式。
    首页类的文件，在页面加载完成之后，对将要在内页或其它页使用到的JS进行引入。HTML5有预加载机制，我个人感觉直接引入来的方便。
    至于引入的方式，如果不受布局限制，建意将这些JS单独存放于一个HTML文件中。在onload事件中进行加载，如果受布局限制也可以直接放于body封口前。
    内页类的文件，将所有用到的JS放至顶部。虽然该页面重新引了该JS，但该JS已存在于缓存之中。
    用这种方式，既不会影响至首页的加载速度，又在使用异步load含有JS的页面时可以减少load的数据传输量。
    但需要注意对于带初始化的JS，需要进行处理，重复初始化将会导致页面报错。建意在初始化方法中加入验重判断。
    缓存是把剑，握刀柄别握刀身。   

图片优化：
1、根据图片的使用场景对图片质量进行不同处理，使用不同格式与品质。个人建意不同情况不同处理，根随设计师的脚步，在处理图片问题上不要因此造成页面视觉效果变质。
2、对图片进行合并时，应该避免首页与其它页使用到的图片放在同一个文件内，毕竟首页的加载速度是最重要的。
3、一个区域内需要使用图片时，除了个人头像及幻灯及不固定的图片外。建意都以背景形式使用，对于前端而言，css类的文件更适合于我们去修改。

JS\CSS压缩：
对于压缩，首先是文件存放及命名问题。
JS与CSS中存在图片及文件路径、如果将压缩后的文件与当前文件不放在同一路径时，会造成文件中指向的图片、文件无法引用问题。
然页如果拥在数量较多的文件时，你会发现你想找到一个你想改的文件着实不易。
我个人使用的方式：/PUBLIC_JS/*.*
原文件：PUBLIC_JS = public/js/
压缩文件：PUBLIC_JS = public/js.min/
这样既解决了路径问题，又便于维护。在维护时，修改常量指向未压缩文件，提交至服务器时再次改回。
压缩软件网上很多，我用的是：http://tool.oschina.net/jscompress