前端机能优化的办法？-

前端机能优化的办法？content方面1，减少HTTP要求：合并文件、CSS精灵、inlineImage2，减少DNS查询：DNS查询完成以前阅读器不克不及从这个主机下载任何任何文件。办法：DNS缓存、将资源散布到适当数目的主机名，均衡并行下载和DNS查询3，以免重定向：余外的中间拜访4，使Ajax可缓存5，非必需组件推迟加载6，将来所需组件预加载7，减少DOM元素数目8，将资源放 前端机能优化的办法？

content方面

1，减少HTTP要求：合并文件、CSS精灵、inline Image

2，减少DNS查询：DNS查询完成以前阅读器不克不及从这个主机下载任何任何文件。办法：DNS缓存、将资源散布到适当数目的主机名，均衡并行下载和DNS查询

3，以免重定向：余外的中间拜访

4，使Ajax可缓存

5，非必需组件推迟加载

6，将来所需组件预加载

7，减少DOM元素数目

8，将资源放到不一样的域下：阅读器同时从一个域下载资源的数量有限，添加域可以提高并行下载量

9，减少iframe数目

10，不要404

Server方面

1，运用CDN

2，增加Expires或者Cache-Control相应头

3，对组件运用Gzip紧缩

4，配置ETag

5，Flush Buffer Early

6，Ajax运用GET进行要求

7，以免空src的img标签

Cookie方面

1，减小cookie大小

2，引入资源的域名不要包括cookie

css方面

1，将样式表放到页面顶部

2，不运用CSS表达式

3，运用不运用@import

4，不运用IE的Filter

Javascript方面

1，将足本放到页面底部

2，将javascript和css从外部引入

3，紧缩javascript和css

4，删除不需要的足本

5，减少DOM拜访

6，合理设计事件监听器

图片方面

1，优化图片：依据现实色彩需要选中色深、紧缩

2，优化css精灵

3，不要在HTML中拉伸图片

4，保障favicon.ico小而且可缓存

挪移方面

1，保障组件小于25k

2，Pack Components into a Multipart Document

以上就是我总结的前端机能优化方案，有其他好的方案可以留言哦！

以上就是前端机能优化的办法？的细致内容，更多请关注 百分百源码网 其它相干文章！