Web前端性能优化
2017-09-04 16:30
288 查看
解决网站性能不仅仅是后台响应时间,前台加载解析的过程也是改善用户体验的重要方法。
一般说来Web前端指网站业务逻辑之前的部分,包括浏览器加载、网站视图模型、图片服务、CDN服务等,主要优化手段有优化浏览器访问、使用反向代理、CDN等。
浏览器访问优化:减少http请求(主要手段是合并CSS、合并JavaScript、合并图片);使用浏览器缓存(使用浏览器缓存策略的网站在更新静态资源时,采用逐量更新的方法);启用压缩(在服务器端对文件进行压缩,在浏览器端对文件解压缩);CSS放在页面最上面、JavaScript放在页面最下面;减少Cookie传输(避免请求静态资源时发送Cookie,减少Cookie传输的次数)。
CDN缓存:CDN能够缓存的一般是静态资源,如图片、文件、CSS、JavaScript脚本、静态网页等,这些文件访问频度比较高,将其缓存在CDN可极大的改善网页是打开速度。
反向代理:反向代理可以实现负载均衡的功能,通过负载均衡构建的应用集群可以提供系统总体处理能力,进而改善网站高并发情况下的性能。
一般说来Web前端指网站业务逻辑之前的部分,包括浏览器加载、网站视图模型、图片服务、CDN服务等,主要优化手段有优化浏览器访问、使用反向代理、CDN等。
浏览器访问优化:减少http请求(主要手段是合并CSS、合并JavaScript、合并图片);使用浏览器缓存(使用浏览器缓存策略的网站在更新静态资源时,采用逐量更新的方法);启用压缩(在服务器端对文件进行压缩,在浏览器端对文件解压缩);CSS放在页面最上面、JavaScript放在页面最下面;减少Cookie传输(避免请求静态资源时发送Cookie,减少Cookie传输的次数)。
CDN缓存:CDN能够缓存的一般是静态资源,如图片、文件、CSS、JavaScript脚本、静态网页等,这些文件访问频度比较高,将其缓存在CDN可极大的改善网页是打开速度。
反向代理:反向代理可以实现负载均衡的功能,通过负载均衡构建的应用集群可以提供系统总体处理能力,进而改善网站高并发情况下的性能。
相关文章推荐
- WEB前端性能优化:HTML,CSS,JS和服务器端优化
- Web前端性能优化总结
- web前端性能优化
- WEB前端性能优化提纲
- WEB前端性能优化小结
- Web前端性能优化(四)压缩组件
- Web前端性能优化的10点建议
- web前端之性能优化
- web前端性能优化(前端方向)总结
- Web前端性能优化——如何提高页面加载速度
- 前端资讯周报 3.13 - 3.19: WebVR来了!以及如何优化scroll事件性能
- Web 前端性能优化
- web前端性能优化总结
- [前端与移动开发] 【前端技术分享】Web前端性能优化的9大问题
- WEB前端性能优化常见方法
- web前端性能优化9大方向
- web前端性能优化
- web前端页面性能优化小结
- web前端页面性能优化小结