【白皮书4.0解读】首屏内容应在1.5秒内加载完成

转载   搜索学院  2018-10-28 07:13:37  72 人阅读  13 条评论

百度搜索资源平台发布的《百度移动搜索落地页体验白皮书 4.0》中提到:页面的首屏内容应在 1.5 秒内加载完成。也许有人有疑惑:为什么是 1.5 秒内?哪些方式可加快加载速度?以下将为您解答这些疑问!

【白皮书4.0解读】首屏内容应在1.5秒内加载完成 最新资讯 第1张

一、用户期待的速度体验

移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图所示:

【白皮书4.0解读】首屏内容应在1.5秒内加载完成 最新资讯 第2张

根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开,这对用户和站长来说都是一大损失。

二、“闪电算法”的支持

为了能够保障用户体验,给予优秀站点更多面向用户的机会,“闪电算法”在 2017 年 10 月初上线。闪电算法的具体内容如下:

移动网页首屏在 2 秒之内完成打开的,在移动搜索下将获得提升页面评价优待,获得流量倾斜;同时,在移动搜索页面首屏加载非常慢(3 秒及以上)的网页将会被打压。

首屏作为直面用户的第一屏,其重要性不言而喻。根据百度用户体验部的研究结果,《白皮书 4.0 》提出,首屏内容应在 1.5 秒内加载完成

三、技术建议

广大站长优化页面首屏加载时间,优化的技术建议包括但不限于:

1、资源加载

  • 将同类型资源在服务器端压缩合并,减少网络请求次数和资源体积;
  • 引用通用资源,充分利用浏览器缓存;
  • 使用 CDN 加速,将用户的请求定向到最合适的缓存服务器上;
  • 非首屏图片懒加载,将网络带宽留给首屏请求。

2、页面渲染

  • 将 CSS 样式写在头部样式表中,减少由 CSS 文件网络请求造成的渲染阻塞;
  • 将 JavaScript 放到文档末尾,或使用 async 方式加载,避免 JS 执行阻塞渲染;
  • 对非文字元素(如图片,视频)指定宽高,避免浏览器重排重绘。

四、总而言之

诚然,整站的加载时长对用户的体验都有莫大的影响,提高全站的速度体验才是我们应该一起追求的目标。站点可以结合自身情况升级技术栈,也可以使用通用加速方案(如 MIP、AMP)对网页进行综合加速。

拓展阅读

历史上的今天:

文章标签: ,   ,   ,  
原文地址:https://ziyuan.baidu.com/college/articleinfo?id=2586
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为转载文章,来源于 搜索学院 ,版权归原作者所有,欢迎分享本文,转载请保留出处!
转载砖家

相关文章 分类热门分类热评最新问答

 发表评论

中国赞表情摊手表情吃瓜表情笑哭表情偷笑表情衰表情汗表情思考表情费解表情抓狂表情晕表情流泪表情疑问表情嘻嘻表情吃惊表情鼓掌表情

  1. 明月登楼
    明月登楼 @回复

    百度这个妖孽的东西,也就是看看了解一下就可以了!千万别当真,这货的话一直都换着说的!

  2. 魏义齐个人博客
    魏义齐个人博客 @回复

    我已经优化的不想再优化了,百度也应该提高自家产品的质量,优化的相当好的站云加速专业版打开也需两秒,没有直接解析到主机快。

  3. 80后记忆
    80后记忆 @回复

    我都不会优化,速度很感人。

  4. 黑鸟博客
    黑鸟博客 @回复

    无奈,除非换个位置了..

  5. Jane博客
    Jane博客 @回复

    你的速度这么快,可否教我!

  6. 青山
    青山 @回复

    那我岂不是很危险

  7. Action
    Action @回复

    网站打开速度是搜索排名的影响因素之一,对浏览体验也很重要。 [吃瓜]