前端性能优化
来源:互联网 发布:p值计算软件 编辑:程序博客网 时间:2024/06/14 10:03
最近看了篇前端性能优化方面的文章,总结了些要点如下:
content方面
- 减少HTTP请求,合并文件,采用CSS sprite,inline image等
- 减少DNS查询,进行DNS缓存,将需要请求的资源分布于多台主机,平衡并行下载的压力
- 尽量避免重定向,减少中间的多余访问
- 使Ajax请求可缓存
- 对于非必须组件进行延迟加载,未来需要的组件进行预加载
- 减少DOM元素的数量
- 将资源分布于不同域的服务器上,提高并行下载的速率
- 尽量减少iframe的数量
服务器方面
- 使用CDN
- 添加expires或者cache-control
- 对组件使用Gzip压缩
- 配置Etag
- 避免src为空的img标签
cookie方面
- 减小cookie大小
- 引入资源的域名不要包含cookie
CSS方面
- 将样式表置于页面顶部
- 尽量不使用CSS表达式
- 不使用 @import引入样式
JavaScript方面
- 将JS脚本置于页面底部
- 将JS与CSS从外部引入
- 压缩JS与CSS
- 删除不需要的脚本
- 减少DOM访问
- 合理设计事件监听器
图片方面
- 优化图片,对图片进行压缩等
- 优化CSS sprite
- 不要在HTML中拉伸图片
- 使favicon.ico尽量小且可缓存
阅读全文
1 0
- Web 前端性能优化
- 网站前端性能优化
- Web 前端性能优化
- 前端性能优化参考资料
- 前端性能优化
- WEB前端性能优化
- 前端性能优化
- 前端性能优化原则
- 前端性能优化
- 前端性能优化
- 前端性能优化指南
- 前端性能优化
- 网站前端性能优化
- 聊聊前端性能优化
- 前端性能优化总结
- web前端性能优化
- 前端性能优化
- 前端性能优化规则
- 什么是嵌入式
- Matlab中如何使函数作为参数传递
- 多态
- 《C#图解教程》第5章 方法 读书笔记
- hihoCoder
- 前端性能优化
- hdu 1025 最大上升子序列
- Java中的引用及分类
- 关于弹出和隐藏输入法
- SpringMVC学习笔记(三)-----Controller拦截3种类型的URL
- 商城个性设置,Scrollview嵌套 多层recyclerview 切换、收起展开
- 安卓按键的回车换行符和读取写入txt文件的注意事项
- jsp入门
- java编程思想