帮助文档
关键词列表
网站地图
网站首页
最新活动
轻量应用服务器
阿里云邮箱
等保测评
阿里云产品
企业上云最佳实践
技术帮助文档
关于我们
网站首页
>
关于我们
>
公司新闻
>
减少网页中的HTTP请求
减少网页中的HTTP请求
发布时间: 2020-09-15 09:58:04
文章作者: 网站编辑
阅读量: 196
减少网页中的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多版本并发控制
下一篇:高性能入侵检测系统与技术
最热文章
钉钉蚂蚁分工报价:蚂蚁分工钉钉怎么收费
钉钉里面的任务管家多少钱
云服务器买断永久续费什么意思
手机连接腾讯云服务器远程桌面连接不上
阿里邮箱日历怎么看不到了呢?怎么回事?
钉钉退群怎么退不掉群
随机推荐
安全云存储系统功能架构
虚拟主机使用方法:阿里云虚拟主机是怎么用的
阿里云对象存储OSS怎么使用?对象存储OSS教程
服务器负载均衡是什么意思
买云服务器和域名需要多少钱
什么是堡垒机?为什么需要堡垒机
获取更多阿里云折扣优惠 立即咨询
活动推荐
云安全中心
数据安全中心
云呼叫中心
云呼叫中心资源语音包
内容推荐
更多
减少网页中的HTTP请求
HTTP服务器
如何提升网站空间的访问速度,和服务器有关吗
DNS劫持与HTTP劫持的关系
http服务器和web服务器的区别和联系
关键词推荐
更多
香港服务器多少钱
服务器配置和性能
香港云服务器免备案
阿里云代理商返佣
北京服务器
阿里云商标注册
阿里云服务器开具发票
阿里云手机端控制台怎么打开文件权限
数据库实体型的概念是
当今流行的数据库有哪些
阿里邮箱怎么删除其他邮箱的邮件信息
阿里邮箱设置客户端怎么设置不了了呀怎么回事
数据库一个学生多个课程怎么设置的
钉钉入群不用审核
云服务器是paas吗
钉钉专业版开通会议功能怎么设置权限呢苹果11.1.2.3.5
阿里邮箱异地登录提示是否可以关闭账号密码保护
国内最好的数据库公司是哪家
对数据库的体会和感受作文
云服务器路由器怎么设置密码登录界面
联系客服免费领取更多阿里云产品新购、续费升级折扣,叠加官网活动折上折更优惠
立即领取