阿里云国际版
帮助文档
注册阿里云
网站首页
最新活动
阿里云邮箱
等保测评
阿里云产品
企业上云最佳实践
技术帮助文档
关于我们
付费资讯
侧边菜单
阿里云服务器ECS
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新
[咨询更多]
阿里云存储OSS
简单易用、多重冗余、数据备份高可靠、多层次安全防护安全性更强、低成本
[咨询更多]
阿里云数据库RDS
稳定可靠、可弹性伸缩、更拥有容灾、备份、恢复、监控、迁移等方面的全套解决方案
[咨询更多]
阿里云安全产品
DDoS高防IP、web应用防火墙、安骑士、sll证书、态势感知众多阿里云安全产品热销中
[咨询更多]
阿里云折扣优惠
云服务器ECS、数据库、负载均衡等产品新购、续费、升级联系客服获取更多专属折扣
[咨询更多]
网站首页
»
关于我们
»
公司新闻
微信扫码 阿里云返佣 咨询
微信扫码 阿里云折扣 咨询
微信扫码 技术支持
电话:18580233332
QQ客服:32738651
电话:18581111192
QQ客服:3551327919
电话:18623333330
QQ客服:2194888888
减少网页中的HTTP请求
2020-9-15 点击量:
减少网页中的HTTP请求 我们知道Web站点中几乎任何一个网页都包含了多个组件,每个组件都需要下载、计算或渲染,毫无疑问,这些行为都会消耗时间。那么如果可以让网页减少这些行为,应该就可以加快网页的展示速度,这是毫无疑问的,但是往往我们需要在优雅的网页表现和性能之间权衡取舍,这也许是美和快之间的博弈,找到最优的均衡点至关重要,我们为此做了很多尝试和努力:
● 设计更加简单的网页,使其包含较少的图片和脚本,但是这可能牺牲了美观和用户交互。
● 将多个图片合并为一个文件,利用CSS背景图片的偏移技术呈现在网页中,避免了多个图片的下载。
● 合并JavaScript脚本或者CSS样式表。
● 充分利用HTTP中的浏览器端Cache策略,减少重复下载。
很显然,这些技巧都来自于Web网页前端的优化。
web前端性能优化方法总结
一,html语义化
语义化的html是让标签做自己该做的事,便于其他开发者阅读以及使代码规范,优雅整洁。 也是为了网络爬虫更好的解析。
问: 为什么要做到语义化呢?
1. 有利于SEO(是指从自然搜索结果获得网站流量的技术和过程),有利于搜索引擎爬虫更好的解析我们的网页,从而获取更多的有效信息,提升网页的权重。
2. 在没有css的时候能够清晰的看出网页的结构,增强可读性。
3. 团队合作中,语义化的html更能让其他开发人员理解和阅读,便于团队的代码维护与修改。
4. 支持多终端设备的浏览器渲染。
问: 怎么做到语义化的html呢?
1. 熟记各种html标签,知道每个html标签该如何使用。
2. 对应的内容用对应的标签,如标题,就可选择<h1>~<h6>这些标签。
二,减少重复代码,压缩css,js代码大小
1. 你的背景图片保证不超过3个以上,你的css文件不超过2个,js文件不超过3个。而且良好的遵守web标准的一些规定,css放到head中,js文件放到</body>之前或者之后。
三,背景图片大小及数量
1. 图片的大小可以压缩,尽量选择比较小的图片。
2. 可将多张图片用css精灵之城 css sprites
四,减少http请求,合理设置缓存
1. 合并css,js文件,减少css,js重复代码,合并图片等都是为了减少http请求,应为每次http请求的代价都是非常昂过的,所以减少http请求能有效优化访问性能。
2. 缓存能缓存得更多,缓存得更久,也是可以大大减少http请求,就优化了访问性能。
五,图片懒加载(lazyout images)
六,减少cookie传输
一方面,cookie包含在每次请求和响应中,太大的cookie会严重影响数据传输,因此哪些数据需要写入cookie需要慎重考虑,尽量减少cookie中传输的数据量。另一方面,对于某些静态资源的访问,如CSS、script等,发送cookie没有意义,可以考虑静态资源使用独立域名访问,避免请求静态资源时发送cookie,减少cookie传输次数。
七,js中减少DOM操作,避免使用eval和 Function,减少作用域链查找(尽量把变量设为局部变量)。
八,CDN加速
CDN(contentdistribute network,内容分发网络)的本质仍然是一个缓存,而且将数据缓存在离用户最近的地方,使用户以最快速度获取数据。
九,反向代理
1. 传统代理服务器位于浏览器一侧,代理浏览器将http请求发送到互联网上,而反向代理服务器位于网站机房一侧,代理网站web服务器接收http请求。
2 .反向代理也可以实现负载均衡的功能,而通过负载均衡构建的应用集群可以提高系统总体处理能力,进而改善网站高并发情况下的性能。
上一篇: MySQL多版本并发控制
下一篇: 高性能入侵检测系统与技术
最热文章
更多
自动化部署的好处及它的优势特点有哪些
阿里云合作伙伴订单关联项目操作和规则
雪花服务器是什么
什么是镜像?常见的镜像文件格式
Bucket 是对象存储非常重要的概念
阿里云合作伙伴佣金政策和返点流程
推荐文章
更多
2022年双十一阿里云代理商返佣多少
阿里云渠道代理商返点流程
阿里云代理商最高返点多少,阿里云代理商返...
云代理商返点,阿里云代理商优惠购买流程
按量付费转包年包月时下单失败如何处理?包...
预留实例券可以同时抵扣多台实例吗
获取更多阿里云折扣 立即咨询
最新活动
更多
双十一无影云桌面价格:无影4C...
2022双十一阿里云服务器优惠...
2022阿里云双11活动开启:...
11月阿里云金秋云创季:云数据...
2022年阿里云双11金秋云创...
云服务器百亿补贴,云服务器低至...
相关关键字
更多
视频会议收费
企业钉钉
cdn加速
钉钉第三方应用
阿里云短信套餐包
阿里云短信包
阿里云代理商佣金
阿里云返利
钉钉项目Teambition
阿里云佣金
服务器返点
阿里云渠道合作
云服务器优惠
钉钉系统
钉钉合作伙伴
Teambition价格
钉钉oa系统
teambition收费
钉钉项目管理收费
钉钉价格
技术帮助文档
更多
海外高防ip服务器适合部署哪些行业
最新阿里云短信服务收费标准
短信服务价格:阿里云短信服务一年多少...
阿里云短信服务有哪些功能特点
阿里云短信费用:阿里云短信服务多少钱...
短信服务价格:阿里云短信服务的计费模...
联系客服免费领取更多阿里云产品新购、续费升级折扣,叠加官网活动折上折更优惠
立即领取
抢折上折
优惠券领取
免费配置推荐
服务器一年49.68元
云数据库19.9元
云安全5折
短信0.033元/条
更多折扣
阿里云代理返佣
阿里云代理合作
微信扫码咨询
咨询热线
18580233332