前端性能优化

1.html简洁而有效
2.很多css需要通过HTTP请求来引入，所以你要去除累赘的css文件，弹药注意保留其重要特征。
@import 指令来引入外部样式表，这是一个过时的方法，它会组织浏览器并行下载。link标签才是最好的选择，不会阻止并行下载。
3.减少外部HTTP请求
      1.不必要的图片
      2.没用的JavaScript代码
      3.过多的css
      4.多余的插件
4.压缩工具。
5.CDN（content delivery network内容分发网络）服务和缓存提高速度。
       1.如果您使用CDN，您网站内的文件将自动压缩。
       2.合理的设置浏览器缓存，能让浏览器自动存储某些文件，以便加快传输速度。
6.预先获取（prefetching），预先获取可以在真正需要之前通过取得必须的资源和相关数据来访问用户的浏览体验。
       1.链接预先获取
       2.DNS预先获取
       3.预先渲染
    在你离开当前 web 页面之前，使用预先获取方式，对应每个链接的 URL 地址，CSS，图片和脚本都会被预先获取。这保证了访问者能在最短时间内使用链接在画面间切换。


    幸运的是，预先获取很容易实现。根据你想要使用的预先获取形式，你只需在网站 HTML 中的链接属性上增加 rel="prefetch",rel="dns-prefetch"，或者 rel="prerender" 标记。
7.使用轻量级框架



1.网页内容
1.减少http请求次数
2.避免页面跳转
3.减少DOM元素数量
4.避免404
2.服务器
1.Gzip压缩传输文件
2.避免空的图片src
3.cookie
1.减少cookie大小
4.css
1.将样式表置顶
2.避免css表达式
5.JavaScript
1.将脚本置顶
2.使用外部JavaScript和css文件
3.精简JavaScript和css

4.去除重复脚本

详情请见