1减少请求次数 2减小资源大小 3提高响应和加载速度 4优化资源加载时机 5优化加载方式 1合并压缩混淆htmlcssjs文件webpack实现，减小资源大小2Nginx开启Gzip，进一步压缩资源减小资源大小3图片。
代码复用，减少浏览器报错，代码做到高内聚低耦合。
2对于不同格式的图片，在上线之前最好进行一定的优化3图片的延迟加载，也叫做赖加载三使用CDN CDN即内容分发网络，可以使用户就近取得所需内容，解决网络拥挤的状况，提高用户访问网站的响应速度四开启GZIP GZIP。
2然后是前端代码的搜索引擎友好包含以下几点 a代码的简洁性搜索引擎喜欢简洁的html代码，这样更有利于分析b重要信息靠前指带关键词的及经常更新的信息尽量选择出现在html的靠前位置c过滤干扰信息大型网站。
通过外链的方式能大大加快网页加载速度的，css文件可以放在head里，JS文件可以放置在body的最下方，在不影响阅读的情况下再去加载JS文件3 优化网站分级结构在每个内页加面包屑导航是很有必要的，可以让蜘蛛进入页面之后。
前端是庞大的，包括 HTML CSS JavascriptImage Flash等等各种各样的资源前端优化是复杂的，针对方方面面的资源都有不同的方式那么，前端优化的目的是什么 ？1 从用户角度而言，优化能够让页面加载得更快对。
一前端优化 网站性能优化是一个很综合的话题，涉及到服务器的配置和网站前后端程序等各个方面，我只是从实际经历出发，分享一下自己所尝试过的网站性能优化方法之所以在标题上挂一个web20，是因为本文更偏重于中小网站的性能优化，我所使。
提起Web前端性能优化的问题，前端开发人员非常熟悉，对于一个网站而言，即使内容和功能再优秀，如果用户需要花费很久的时间才能打开，这样迟早会消耗用户的耐心，并最终失去用户那如何才能优化前端性能归纳为三步 一关键资源。
