码迷,mamicode.com
首页 > 其他好文 > 详细

前端性能优化 —— 起步篇(一)

时间:2017-03-13 14:54:22      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:script   --   定向   nodejs   http   快速   style   组件   指南   

简要:用户的体验是非常重要的环节。快速的显示网页,流畅的用户操作,丰富实时的页面功能,顺畅的动画展示,这些都是决定用户舒适体验的关键因素。把用户伺候舒服了,才会产生长久的依赖。我认为前端性能优化的实践应当是自动化的,智能化的,从代码编写到生产打包一整套流程都应该有一系列关于优化的应对方案。

 

我个人认为nodejs相对于我们前端来说作为代码管理工具的意义要大于作为后台服务器的意义,接下来我会根据我对于nodejs,gulp的实践情况和对《高性能网站建设指南》这本书的理解来总结我个人对前端性能优化的一些方案和方法。(这里注明:nodejs的作用不限于前端压缩合并这些优化,甚至设想我们代码里写一个简短的@注解,帮我们生产出一片代码,这样是不是很爽呢^_^)

 技术分享

规则1-------减少HTTP请求

规则2-------使用内容发布网络

规则3-------添加Expires头控制缓存

规则4-------压缩组件

规则5-------将样式表放在顶部

规则6-------将脚步放在底部

规则7-------避免css表达式

规则8-------使用外部javaScript和CSS

规则9-------减少DNS查找

规则10-------精简javaScript

规则11-------避免重定向

规则12-------删除重复脚步

规则13-------配置ETag

规则14-------使Ajax可缓存

 

接下来我会按照以上规则来谈一下我本人的拙见,若有浅陋之处还望赐教。。。

 

前端性能优化 —— 起步篇(一)

标签:script   --   定向   nodejs   http   快速   style   组件   指南   

原文地址:http://www.cnblogs.com/zhutao/p/5939061.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!