SEO名词百科-投稿申请-关于东赢体育平台-网站地图 不懂SEO,不懂网站优化从何入手?到重庆SEO【东赢体育平台】SEO教程自学网,东赢体育平台在这里狂甩SEO干货,助你自学成才!
当前位置:SEO首页>建站知识 >怎么利用HTTP技术提高网页加载速度

怎么利用HTTP技术提高网页加载速度

时间:2021-09-09 11:41:44 作者:背锅熊 阅读:86次撤稿申请

在这个信息爆炸的时代,使用移动终端获取新鲜信息已是大势所趋,但移动网页的浏览速度还有很大的提升空间。根据strangeloop网络的统计,在相同的网络条件下,使用移动终端访问相同的网页平均比PC终端慢40%!然而,另一方面,用户对网络速度的要求也日益迫切。研究表明,网页响应时间的容许阈值为2秒。一旦超过3秒,40%的用户将放弃浏览该页面。

所谓世武,只快不破!如果我们想设计一个更快的网站SEO优化速度,我们可以借鉴成功的优化经验。Akamai(Akamai),全球最大的CDN服务提供商,为移动体验问题提供了相对完整的解决方案。有兴趣的读者可以去注册和下载;同时,我们也可以使用直接的技术手段。本文从PC优化体验、http/2优化协议、蜂窝网络优化和智能加载方案设计四个维度总结了提高移动网页加载速度的方法和技巧。

1、 PC网站优化方案

无论是在PC还是手机浏览器上,阅读网页HTML的时间都不到10%。剩下的90%用于加载其他资源,如样式表、脚本文件或图像,并执行客户端程序。因此,许多传统的PC端网页优化方案在移动端仍然是可行的。例如:

1.1减少每页的HTTP请求数

1.将共享的JavaScript和CSS代码放在公用文件夹中,并与多个页面共享。

2.确保同一脚本不会在页面中多次加载。同时,将脚本中的click事件更改为on touch事件,以减少固有的300ms延迟。

3.使用CSS精灵集成图像,并将多个图像集成到大型线性网格图像中。

4.使用cache control或expires标记实现浏览器缓存,以减少不必要的服务器请求,并尽可能从本地缓存获取资源。

1.2减小每个请求负载的大小

1.使用压缩技术(如gzip)压缩图像和文本,并通过增加服务器压缩和浏览器解压缩的步骤来减少资源负载。

2.集成并压缩CSS和JavaScript,删除不必要的字符和变量。

3.动态调整图片大小,或使用专用于移动设备的较小版本替换图片。

4.通过分段加载和隐藏加载,可以延迟加载不可见区域的内容,也可以延迟读取暂时不需要的脚本

2、 采用更好的http/2协议

2.1复用技术带来的请求响应加速

1.Http/2采用多路复用技术,允许通过单个Http/2连接同时启动多个请求-响应消息,大大加快了网页的加载时间。

2.2更多节省空间的二进制头数据嵌套

1.Http/2以二进制格式传输数据并将其划分为更小的帧,这比Http/1的文本格式更方便。十,。

2.HTTP 1。由于Cookie和用户代理,X头很容易膨胀,并且每次都会重复发送。Http/2使用hpack对消息头进行压缩传输,可以节省消息头占用的网络流量。

2.3服务器推送带来的更快的资源推送

1.通过服务器推送功能,服务器可以主动向终端发送JS、CSS等文件,省去了解析HTML请求的过程。简而言之,当您需要访问文件时,它已经位于后台。

3、 优化蜂窝网络

怎么利用HTTP技术提高网页加载速度

1.强大的内容服务提供商可以将资源分配到更靠近用户地理位置的位置,并缩短最后一公里。

2.与移动网络服务提供商合作,共同开发算法,实现互联网路由的实时自动调整,避免网络拥塞、丢包和离线问题。

3.还可以采用优化TCP协议的方法,使用主流的cubic、BIC和Westwood算法可以有效地避免网络拥塞。

4.此外,我们还可以研究算法来改善Nat嵌套造成的网络延迟,或者通过IPv6连接协议直接避免Nat的延迟。

4、 设计更智能的加载方案

4.1采用分段加载和隐藏加载

 

1.分段加载,也称为延迟加载,可以在用户滚动页面时自动获取更多数据,从而大大降低服务器的资源消耗。lazload.js或belazy.js等开发包非常成熟且易于使用。

2.隐藏加载是在页面显示后加载用户暂时不可见的信息。例如,在图片显示窗口中,除第一张图片外,其他图片可以采用隐藏加载技术。

4.2预压技术

 

1.资源预加载的目的是让浏览器在空闲时间下载或预读一些文档资源。当用户将来访问这些资源时,浏览器可以快速将它们从缓存中提取给用户。

 

2.预加载技术不仅支持PC,还支持Android系统。不幸的是,IOS Safari目前不受支持。

3.事实上,预取是网页优化中预浏览的一部分。开发人员还可以使用DNS预取、子资源、预连接、预渲染等技术实现DNS预解析和预渲染优化。

4.3通过机器学习实现智能加载

1.通过机器学习的方法,网站可以自动收集和分析用户的浏览习惯和访问信息,然后通过预加载的方式提前加载最可能的访问信息。

 

4.4智能调整图片分辨率

1.图像通常占据了网页上加载的大部分网络资源,也占据了网页缓存的主要空间。据统计,一个网站平均有62%的内容是由图片组成的。除了考虑尺寸、格式、旋转、ART处理、增加水印、存储空间等之外,还需要考虑大量设备的屏幕尺寸和在终端上运行的浏览器。

以上是我们为开发人员总结的一些经验分享。我希望它能对读者有所帮助。您还可以注册并下载Akamai的技术PPT,以了解有关如何通过CDN加速(移动)网页的更多信息。我们需要明确的是,关注移动网页的性能优化无疑是开发者需要努力的方向,但用户并不等同于机器。

用户不在乎你的个人网站发送了多少请求,也不在乎你的屏幕呈现速度有多快。他们只关心网站给他们带来的体验。因此,在进行技术优化时,开发人员不仅需要在某个技术点进行优化,还需要控制网站的整体性能规划,使整个网站为客户提供更快的加载体验!

www.sEo-6.com
/jzzhishi/187980.html

(编辑:部分内容来互联网)

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%

    版权声明:

    1、本文由SEO内容部分来自互联网,保留著作所有权,转载请注明来源,否则谢绝转载;
    2、非原创内容会有明确作者及来源标注。
    3、本文标题:↓↓↓
    怎么利用HTTP技术提高网页加载速度