在网上看了一些关于前端性能优化的相关方法，分享给大家~
1.代码约束，比如驼峰式写法，注释方法，代码简洁性。
2.比如雪碧图，和http协议优化。
2.使用cdn（内容分发网络）通俗的说就是通过分布式服务器来提高网站性能（比如服务器在北京有一台服务器，在同等条件的情况下，北京的人民访问速度肯定香港人民要快的多）。
3.使用一些代码压缩（例如Gzip压缩，在服务器端压缩传输到浏览器解压，速度会有很高的提示，原始文件79Kb压缩后25kb，还有代码的空格，注释等处理都有性能提升）。
4.将Css放在页面最上面（原因是在低端浏览器 例如IE上面，加载顺序是默认从上往下加载的，如果网速不好的情况下放在下面就会出现纯HTML，这样不好。放在上面可以避免页面空白和闪烁。）视情况而定，复用性比较强的放在外部引用更好）。
5.将JS放在页面底部（原因是当DOM元素没有加载完毕的时候，js不会对浏览器性能造成困扰。比如说Js控制了某个id，但是当加载到js的时候DOM元素还没有加载出来，就会报错，或者有for循环的时候容易造成浏览器卡死。视情况而定，复用性比较强的放在外部引用更好）。
6.避免在Css中使用Expressions(意思是Css的值等于Js表达式计算的结果，当页面缩放，滚动，以及鼠标移动都会重新计算，对性能占用太多。特别是IE6和IE7)。
7.减少DNS查询（域名和ip地址的转换方式比如访问www.taobao.com然后计算机会查找它IP地址，比如是192.168.1.1。然后计算结果得知www.taobao.com=192.168.1.1从而进行访问，这方面我们可以通过浏览器缓存来减少解析时间）。
8.避免地址的重定向（定向分为301重定向-表示A.com移动到了B.com，用户端先访问A.com然后得到地址改变到B.com再发起一次访问B.com,301是永久重定向；302重定向的意思是表示当前访问的地址被找到了，但是不在当前位置，所以服务器会反馈一个地址，然后客户端再去访问，属于临时重定向。 对用户没区别，但是对爬虫是有区别的，如果你使用301定向，以后用户访问的时候可以直接跳转到更改后的地址。如果你使用302重定向就会每次都先访问A,然后再访问B。所以尽量避免使用重定向，或者使用301定向。）
9.移除重复的脚本（比如重复引用了js而多次执行函数,会造成数据混乱。）
10.配置实体标签ETag（Entity Tag实体标签，属于http协议受web服务支持，他的意义是使用特殊的字符串来标识某个请求资源版本，这个版本或者资源应该是唯一的记号，独一无二。当用户通过浏览器来向 服务器请求资源的时候，服务器会进行比较，如果二边的ETag一致，就意味着这个资源是正确的没有修改过。可以使用缓存来使用避免重复加载节约资源。）
11.使用AJAX缓存（全称为Asynchronous JavaScript and XML异步的javaScript和XML,可以在不刷新页面的情况下分批加载和局部更新，会损失SEO优化。分为POST方式和GET方式，POST方式每次都执行，过程中会有数据加密，不被浏览器缓存。GET方式属于公开的在URL可以看到，同一地址不重复执行，可以缓存。当使用比较严谨的数据比如用户名密码等使用POST方式传输，而一些可以公开的数据使用GET。GET是把参数数据队列加载到提交表单的Action属性所指定的Url中，值和表单内字段相对应。服务器端用Request.QueryString获取变量的值。传输数据较小，貌似不能超过2Kb。POST方式是通过HTTP POST机制，将表单内各个字段与其内容放置在HTML HEADR内一起送到Action属性所指的Url地址，用户是看不到这个过程的（截包就没办法了）服务器端用Requst.Form获取提交的数据。传输量较大，一般被默认为不受限制，但只是理论上，与服务器性能有关系。）
12.YSlow插件（是雅虎的插件，在火狐上安装需要安装Firebug一起使用。可以对网站进行分析，给一些建议，一些规则，一步步优化自己的网站。）
原文链接：https://www.cnblogs.com/BinXu/p/5718779.html
原创文章，作者：优速盾-小U，如若转载，请注明出处：https://www.cdnb.net/bbs/archives/3987
