每天一点新姿势：web端性能优化

web端:

一、浏览器端，关于浏览器端优化，分很多个方面
1、压缩源码和图片
JavaScript文件源代码可以采用混淆压缩的方式，CSS文件源代码进行普通压缩，JPG图片可以根据具体质量来压缩为50%到70%，PNG可以使用一些开源压缩软件来压缩，比如24色变成8色、去掉一些PNG格式信息等。

2、选择合适的图片格式
如果图片颜色数较多就使用JPG格式，如果图片颜色数较少就使用PNG格式，如果能够通过服务器端判断浏览器支持WebP，那么就使用WebP格式和SVG格式。

3、合并静态资源
包括CSS、JavaScript和小图片，减少HTTP请求。有很大一部分用户访问会因为这一条而取得最大受益

4、开启服务器端的Gzip压缩
这对文本资源非常有效，对图片资源则没那么大的压缩比率。

5、使用CDN
或者一些公开库使用第三方提供的静态资源地址（比如jQuery、normalize.css）。一方面增加并发下载量，另一方面能够和其他网站共享缓存。

6、延长静态资源缓存时间
这样，频繁访问网站的访客就能够更快地访问。不过，这里要通过修改文件名的方式，确保在资源更新的时候，用户会拉取到最新的内容。

7、把CSS放在页面头部，把JavaScript放在页面底部
这样就不会阻塞页面渲染，让页面出现长时间的空白。

具体参考：野马程序员：web性能优化

另，其他具体详解：
1、Web 前端优化最佳实践之 内容篇
2、Web 前端优化最佳实践之 Server 篇
3、Web 前端优化最佳实践之 Cookie 篇
4、Web 前端优化最佳实践之 CSS 篇
5、Web 前端优化最佳实践之 JavaScript 篇
6、Web 前端优化最佳实践之 图象篇
7、Web 前端优化最佳实践之 Mobile(iPhone) 篇

如何提高网页效率的14条建议
如何提高网页的效率（下篇）——Use YSlow to know why your web Slow


二、服务器端优化
（—）安全性

 

1、权限管理

从模块、表单、数据审核、功能按钮全面数据安全验证及管理。

2、ip验证

数据接口访问进行IP校验

3、登录、操作日志、程序安全日志 

系统所有用户登录、操作全部日志记录。

程序安全日志操作可查看我之前写过[LogHelper 日志记录帮助类 ]。

 

4、SQL注入校验过滤

a、表单控件js前端校验，特殊字符过滤

b、采用Global.asax的Application_BeginRequest事件过滤敏感字符。

c、request请求过滤

特殊字符过滤可查看我之前写过[采用Global.asax的Application_BeginRequest事件过滤敏感字符]。

5、验证规范

a、前端js代码验证

b、后端程序代码验证

c、数据库约束

6、动态验证码

a、邮件动态验证码验证

b、短信动态验证码验证

7、验证码

登录、注册或相关表单采取输入验证码，避免恶意攻击

（二）用户体验

 

如何从技术角度如何增强用户体验，都是很多平台都在做的事情，根据个人实际经验碰到几种体验做下总结。

1、减少页面刷新白屏

 

适当使用ajax技术，改善刷新白屏现象；
2、信息提醒，邮件、站内信、短信
在购物流程、售后流程适当增加信息温馨提醒环节；
3、定期回访及互动
记录好会员每次来电来访、购买情况分析等数据做到定期客户关怀；
增加生日免单、会员日等互动环节，增强互动性；
3、智能分析推荐
分析会员购买偏好，智能推荐相关相关产品；
根据会员喜欢定期推送促销信息；
4、多平台联合登录
可以通过QQ、开心网、支付宝等常用平台账号联合登录。
5、个性定制和增值服务
提供增值服务，给客户带来品质和超预期服务体验。
例如（家纺行业）：

 

上面取货、上面换洗、婚庆布置、个性定制等服务

（三）