前端性能优化
来源:互联网 发布:税控接口软件 编辑:程序博客网 时间:2024/06/01 07:22
1.html简洁而有效
2.很多css需要通过HTTP请求来引入,所以你要去除累赘的css文件,弹药注意保留其重要特征。
@import 指令来引入外部样式表,这是一个过时的方法,它会组织浏览器并行下载。link标签才是最好的选择,不会阻止并行下载。
3.减少外部HTTP请求
1.不必要的图片
2.没用的JavaScript代码
3.过多的css
4.多余的插件
4.压缩工具。
5.CDN(content delivery network内容分发网络)服务和缓存提高速度。
1.如果您使用CDN,您网站内的文件将自动压缩。
2.合理的设置浏览器缓存,能让浏览器自动存储某些文件,以便加快传输速度。
6.预先获取(prefetching),预先获取可以在真正需要之前通过取得必须的资源和相关数据来访问用户的浏览体验。
1.链接预先获取
2.DNS预先获取
3.预先渲染
在你离开当前 web 页面之前,使用预先获取方式,对应每个链接的 URL 地址,CSS,图片和脚本都会被预先获取。这保证了访问者能在最短时间内使用链接在画面间切换。
幸运的是,预先获取很容易实现。根据你想要使用的预先获取形式,你只需在网站 HTML 中的链接属性上增加 rel="prefetch",rel="dns-prefetch",或者 rel="prerender" 标记。
7.使用轻量级框架
1.网页内容
1.减少http请求次数
2.避免页面跳转
3.减少DOM元素数量
4.避免404
2.服务器
1.Gzip压缩传输文件
2.避免空的图片src
3.cookie
1.减少cookie大小
4.css
1.将样式表置顶
2.避免css表达式
5.JavaScript
1.将脚本置顶
2.使用外部JavaScript和css文件
3.精简JavaScript和css
2.很多css需要通过HTTP请求来引入,所以你要去除累赘的css文件,弹药注意保留其重要特征。
@import 指令来引入外部样式表,这是一个过时的方法,它会组织浏览器并行下载。link标签才是最好的选择,不会阻止并行下载。
3.减少外部HTTP请求
1.不必要的图片
2.没用的JavaScript代码
3.过多的css
4.多余的插件
4.压缩工具。
5.CDN(content delivery network内容分发网络)服务和缓存提高速度。
1.如果您使用CDN,您网站内的文件将自动压缩。
2.合理的设置浏览器缓存,能让浏览器自动存储某些文件,以便加快传输速度。
6.预先获取(prefetching),预先获取可以在真正需要之前通过取得必须的资源和相关数据来访问用户的浏览体验。
1.链接预先获取
2.DNS预先获取
3.预先渲染
在你离开当前 web 页面之前,使用预先获取方式,对应每个链接的 URL 地址,CSS,图片和脚本都会被预先获取。这保证了访问者能在最短时间内使用链接在画面间切换。
幸运的是,预先获取很容易实现。根据你想要使用的预先获取形式,你只需在网站 HTML 中的链接属性上增加 rel="prefetch",rel="dns-prefetch",或者 rel="prerender" 标记。
7.使用轻量级框架
1.网页内容
1.减少http请求次数
2.避免页面跳转
3.减少DOM元素数量
4.避免404
2.服务器
1.Gzip压缩传输文件
2.避免空的图片src
3.cookie
1.减少cookie大小
4.css
1.将样式表置顶
2.避免css表达式
5.JavaScript
1.将脚本置顶
2.使用外部JavaScript和css文件
3.精简JavaScript和css
4.去除重复脚本
详情请见
0 0
- Web 前端性能优化
- 网站前端性能优化
- Web 前端性能优化
- 前端性能优化参考资料
- 前端性能优化
- WEB前端性能优化
- 前端性能优化
- 前端性能优化原则
- 前端性能优化
- 前端性能优化
- 前端性能优化指南
- 前端性能优化
- 网站前端性能优化
- 聊聊前端性能优化
- 前端性能优化总结
- web前端性能优化
- 前端性能优化
- 前端性能优化规则
- 堆排序
- WebLogic11g-部署web应用(以Springside3为例)
- Delphi 多层数据库无状态模式下 ClientDataSet 分段读取服务器端记录的方法
- Azure Active Directory 开发人员指南
- mysql通过某字段里的部分内容搜索(附TP中FIND_IN_SET的使用)
- 前端性能优化
- jquery的attr和prop
- view的onFinishInflate()何时调用的
- Activity的生命周期,BACK键和HOME键生命周期
- 收集一些指数网站
- mysql数据库 cmd命令行导入导出 设置字符集
- 清除浮动
- 关于android studio 由于版本问题导致低版本studio项目无法导入高版本的studio的项目中。
- cas client入门之一:web.xml 配置