前端性能优化方法有：1、减少http请求数；2、将脚本往后挪，减少对并发下载的影响；3、避免频繁的DOM操作；4、压缩图片；5、通过CSS选择符来使浏览器从右往左解析提高效率等等。
前端性能优化方法有：减少http请求数；将脚本往后挪，减少对并发下载的影响；避免频繁的DOM操作；压缩图片；通过CSS选择符来使浏览器从右往左解析提高效率
前端里面包含的内容是丰富的，它包括HTML，CSS以及JS和图片等各种各样的资源。因此前端优化是复杂的和必要的，接下来在文章中为大家介绍前端性能优化的方法，具有一定的参考作用，希望对大家有所帮助。
优化的目的
立即学习“前端免费学习笔记（深入）”；
优化的目的在于让页面加载的更快，对用户操作响应更及时，为用户带来更好的用户体验，对于开发者来说优化能够减少页面请求数，能够节省资源。
前端优化的方法有很多种，可以将其分为两大类，第一类是页面级别的优化如http请求数，内联脚本的位置优化等，第二类为代码级别的优化，例Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等。
页面级别优化
http请求数
减少http请求数是最重要也是最有效的方法，可以通过以下方法来减少http请求
（1）合理的设置http缓存，恰当的缓存设置可以大大减少http请求。要尽可能的让资源能够在缓存中待得更久
（2）从设计实现层面简化页面，保持页面简洁、减少资源的使用时是最直接的。
（3）资源合并与压缩，尽可能的将外部的脚本、样式进行合并，多个合为一个。
Magento是一套专业开源的PHP电子商务系统。Magento设计得非常灵活，具有模块化架构体系和丰富的功能。易于与第三方应用系统无缝集成。Magento开源网店系统的特点主要分以下几大类，网站管理促销和工具国际化支持SEO搜索引擎优化结账方式运输快递支付方式客户服务用户帐户目录管理目录浏览产品展示分析和报表Magento 1.6 主要包含以下新特性：•持久性购物 - 为不同的
(4) CSS Sprites，通过合并 CSS图片，这是减少请求数的一个好办法
内联脚本的位置
浏览器是并发请求的，而外链脚本在加载时却常常阻塞其他资源，例如在脚本加载完成之前，它后面的图片、样式以及其他脚本都处于阻塞状态，直到脚本加载完成后才会开始加载。如果将脚本放在比较靠前的位置，则会影响整个页面的加载速度从而影响用户体验。所以说尽可能的将脚本往后挪，减少对并发下载的影响
代码级别的优化
DOM操作优化：
要避免在document上直接进行频繁的DOM操作，可以使用classname代替大量的内联样式修改，对于复杂的UI元素，设置position为absolute或fixed，尽量使用css动画，适当使用canvas尽量减少css表达式的使用，使用事件代理
图片优化
通过对图片的压缩来起到优化前端性能的作用
CSS选择符：
大多数人认为，浏览器对CSS的解析是从左往右的，事实上从右往左解析的效率更高，因为第一个id选择基本上就把查找的范围限定了。
总结：以上就是本篇文章的全部内容了，希望对大家有所帮助
