帮助文档
关键词列表
网站地图
网站首页
最新活动
轻量应用服务器
阿里云邮箱
等保测评
阿里云产品
企业上云最佳实践
技术帮助文档
关于我们
网站首页
>
关于我们
>
公司新闻
>
减少网页中的HTTP请求
减少网页中的HTTP请求
发布时间: 2020-09-15 09:58:04
文章作者: 网站编辑
阅读量: 214
减少网页中的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多版本并发控制
下一篇:高性能入侵检测系统与技术
最热文章
夸克网盘转阿里云盘:轻松实现文件迁移
夸克网盘和阿里云盘是一家吗?
夸克网盘怎么导入阿里云
阿里云企业邮箱怎么申请免费账号
夸克网盘和阿里云盘有什么区别
阿里云网盘如何转到夸克网盘
随机推荐
Nginx的模块与工作原理
阿里云服务器ECS按量付费转包年包月的计费方式
dns服务器异常怎么解决
便宜的高防云服务器推荐
免费网站空间哪个好
高防云服务器哪家便宜
获取更多阿里云折扣优惠 立即咨询
活动推荐
云安全中心
数据安全中心
云呼叫中心
云呼叫中心资源语音包
内容推荐
更多
DNS劫持与HTTP劫持的关系
http服务器和web服务器的区别和联系
阿里云服务器如何获取前端请求的URL
阿里云 CDN 动态请求
阿里云对象存储支持range请求吗?
关键词推荐
更多
云服务器支持IPv6
app服务器租用
高防cdn
香港服务器优势
开启ddos防护
专属钉钉
钉钉绩效考核
阿里云订单关联
杭州阿里云代理商
阿里云服务器
阿里邮箱默认名称修改怎么改不了呢苹果版手机
钉钉如何加入学校班级
阿里网盘路径修改不了怎么回事呢苹果手机怎么设置
钉钉怎样加入课堂
阿里云盘资源公众号推荐在哪
钉钉怎么创建文件夹发送到班级群里面
阿里网盘链接前缀怎么设置
钉钉群如何快速查找聊天记录内容和内容
阿里云验证码多少钱一条
钉钉拉陌生人进群怎么拉
联系客服免费领取更多阿里云产品新购、续费升级折扣,叠加官网活动折上折更优惠
立即领取