网站开发常见的前端优化方法
不管是网站,或者APP,都离不开web页面的开发。web前端页面优化是在全部项目的开发中是非常重要的,前真个性能好坏直接影响到用户体验。下面我们总结了一些常见的web前端优化方法分享给大家。
1.页面内容优化
1) 减少HTTP要求:合并文件、CSS精灵、inline Image
2) 减少DNS查询:DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法:DNS缓存、将资源散布到恰当数量的主机名,平衡并行下载和DNS查询
3) 避免重定向:过剩的中间访问
4) 使Ajax可缓存
5) 非一定要组件延迟加载
6) 未来所需组件预加载
7) 减少DOM元素数量
8) 将资源放到区别的域下:浏览器同时从一个域下载资源的数目有限,增加域可以提高并行下载量
9) 减少iframe数量
10) 不要404
2.CSS优化
1) 将样式表放到页面顶部
2) 不使用CSS表达式
3) 使用不使用@import
4) 不使用IE的Filter
3.Javascript脚本优化
1) 将脚本放到页面底部
2) 将javascript和css从外部引入
3) 紧缩javascript和css
4) 删除不需要的脚本
5) 减少DOM访问
6) 公道设计事件监听器
4.图片优化
1) 优化图片:根据实际色彩需要选择色深、紧缩
2) 优化css精灵
3) 不要在HTML中拉伸图片
4) 保证favicon.ico小并且可缓存
来源:https://www.weimawl.com/trends/553.html
声明:欢迎分享本文,转载请保留出处!
声明:欢迎分享本文,转载请保留出处!
上一篇:微信小程序开发为何现在这么火?
相关文章:
- 医疗APP开发都有哪几种功能竞争优势 2023-10-17
- 共享家园:从线下转线上,中国共享经济再动身 2023-10-17
- 社交APP软件的开发有哪几种常见注意事项 2023-10-17
- 成都高端网站建设一定要要注意的问题 2023-10-17
- 为啥一定要开发一款美妆APP软件? 2023-10-17
- 营销型网站建设对公司都好处有哪几个方面 2023-10-17
- 全真互联网,产业互联网和消费互联网的融会 2023-10-17
- 健身APP制作开发在家也能够享有健身运动 2023-10-17
- 成都app开发公司:有哪几种行业更合适大数据APP? 2023-10-17
- 电商类小程序未来的发展趋势怎样 2023-10-17