2017-12-26 前端优化一

初级

1、js css库文件通过CDN引用

推荐http://www.bootcdn.cn/

2、图片压缩

批量图片压缩推荐Caesium_boxed，压缩后图片体积可以缩小50%左右，同时不影响图片显示精度，节省带宽

3、头部引用css，底部引用js

4、压缩js css 减少带宽占用

5、多图片网页使用图片懒加载。jquery.lazyload.js

6、优化sql语句，避免使用distinct，in，select *等

7、数据库索引，索引可大幅度提高查询效率。

中级

1、负载均衡

nginx + tomcat集群，使用haship负载均衡方案可以避免sesson丢失。

因为使用负载均衡，上传文件不要直接上传到tomcat目录下，可以通过ftp统一上传到单独的文件服务器。

2、动静分离

服务端接收来自客户端的请求中，有一部分是静态资源的请求，例如html,css,js和图片资源等等，有一部分是动态数据的请求。因为tomcat处理静态资源的速度比较慢，所以我们可以考虑把所有静态资源独立开来

使用nginx的反向代理，对静态资源的请求直接nginx处理，其他转发给tomcat处理。

3、sql缓存

对查询结果进行缓存，当修改、新增数据时，清空相应的缓存

4、页面静态化CMS