Categories


Tags


【白皮书4.0解读】页面加载速度的重要性

导语:2018年8月,百度搜索资源平台发布的《百度移动搜索落地页体验白皮书4.0》(简称《白皮书4.0》),为帮助大家更好地理解白皮书4.0,我们推出了《白皮书4.0专题解读》,将对大家感兴趣的点进行详细解读,敬请关注。

《白皮书4.0》中强调“页面的首屏内容应在1.5秒内加载完成”。为什么会提出页面的首屏内容应在1.5秒内加载完成呢?通过哪些方式可以加快加载速度呢?《百度移动搜索落地页体验白皮书4.0专题解读》之《页面加载速度的重要性》,将为你解答。

一、用户期待的速度体验

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

图 1 页面放弃率和页面的打开时间关系

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

二、“闪电算法”的支持

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

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

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

三、技术建议

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

资源加载:

1.将同类型资源在服务器端压缩合并,减少网络请求次数和资源体积。

2.引用通用资源,充分利用浏览器缓存。

3.使用CDN加速,将用户的请求定向到最合适的缓存服务器上。

4.非首屏图片懒加载,将网络带宽留给首屏请求。

页面渲染:

1.将CSS样式写在头部样式表中,减少由CSS文件网络请求造成的渲染阻塞。

2.将JavaScript放到文档末尾,或使用async方式加载,避免JS执行阻塞渲染。

3.对非文字元素(如图片,视频)指定宽高,避免浏览器重排重绘。

四、结语

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

来源:百度搜索资源平台 百度搜索学堂


Public @ 2009-07-22 16:19:38

移动适配目录如何使用工具提交适配关系

PC站点下开辟某个目录存放移动适配页面、作为移动适配“站”时,依然会有提交移动适配数据的需求,如:http://www.a.com/a.html 适配到http://www.a.com/m/a.html。虽然从长远角度看,这种行为对搜索引擎极不友好,百度(包括GOOGLE)一直不赞成不鼓励这种建方式。但为了满足该需求,百度搜索资源平台移动适配工具依然提供满足此需求的功能。您可以先在下拉菜单中选择准

Public @ 2014-07-07 15:20:39

【白皮书4.0解读】评论功能应该如何做?

随着社交媒体和在线社区的普及,评论功能已经成为了在线内容交互的重要组成部分。一个优秀的评论功能应该具备以下特点: 1. 方便易用:评论框应该简单易用,不需要用户填写繁琐的信息,同时支持一键登录、匿名发表等功能。 2. 易于管理:为了维护良好的用户体验,评论功能需要具备管理功能,包括审核、屏蔽、删除等操作,确保评论内容的合法性和规范性。 3. 提供丰富的表达方式:除了文字,评论功能还应该支持图

Public @ 2023-03-26 21:00:27

为什么我做了meta标注,却在百度移动搜索中没有生效?

这可能是由于以下原因: 1. 索引更新延迟:搜索引擎需要一定的时间来索引网页和元标记,并将其反映在搜索结果中。因此,即使您在网页上设置了元标记,也可能需要一些时间才能在搜索结果中看到它们。 2. 元标记质量不佳:一些元标记被认为是低质量的,因此,如果您的元标记违反了搜索引擎的指南或算法,则它们可能不会被反映在搜索结果中。 3. 竞争激烈:如果您的网站处于高度竞争的行业中,那么即使您设置了元标

Public @ 2023-04-25 01:00:11

更多您感兴趣的搜索

0.635261s