前端可以做的性能优化

• 减少http请求次数和减小请求资源的大小，堆css和js文件进行压缩
• 使用精灵图，一些图标可以使用svg图标和字体图标
• 对图片进行压缩，采用懒加载，减少第一次的请求压力
• 实现一些效果的优先级 css>js>第三方插件
• 避免为了使用一个小功能去引入一个很大的插件库
• 避免使用iframe
• 多利用缓存，使用CDN

 

• 减少DOM操作
• 减少闭包的使用
• 减少css表达式的使用
• 减少元素标签作为选择器最后一个选择对象
• 减少使用递归
• 可以使用defer或者async来异步加载js文件
• 减少flash的使用
• 不要滥用web字体，因为web字体是需要下载的
• 避免使用css3渐变阴影效果
• 避免在标签上写style属性
• 避免图片这些会请求资源的有空src
• 少用全局变量