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

如果是URL、PC访问和移动访问分别识别不同的模版,例如我们有一个URL,PC访问是是这个模版,手机访问是那个模版。那么我们是使用相同的URL好,还是单独的做一个M站好?

如果是URL、PC访问和移动访问分别识别不同的模版,例如我们有一个URL,PC访问是是这个模版,手机访问是那个模版。那么我们是使用相同的URL好,还是单独的做一个M站好?答:理想状态下同一套url是最优的。目前受限于机制问题,还有待进一步解决,预期14年底能够完成。目前仍然建议大家移动站使用单独的m链接。同时,暂时不要使用类似这样的url: http://m.site.com?src=http:/

Public @ 2018-06-22 16:20:00

移动适配常见问题——了解这些,你也能算半个移动专家

1. 什么是移动适配? 移动适配是指确保网站或应用程序在不同的移动设备和屏幕大小上都能正确地展示和运行。这包括调整排版、图片和文本大小、字体等。 2. 移动设备的屏幕大小有哪些? 移动设备的屏幕大小各异,大致分为以下几种:小屏幕(小于4英寸)、中等屏幕(4-5英寸)、大屏幕(5-6英寸)以及超大屏幕(超过6英寸)。 3. 哪些移动设备需要进行适配? 几乎所有移动设备都需要进行适配,包括智

Public @ 2023-04-01 00:00:56

移动落地页体验规范常见问题说明

移动落地页体验规范是指在移动设备上,为用户提供良好的页面交互、视觉效果和易用性的设计标准。以下是常见的移动落地页体验规范问题说明: 1. 缺乏响应式设计:落地页应能自适应各种屏幕尺寸,使用户无需缩放或水平滚动页面。 2. 页面加载速度慢:长时间的加载速度会降低用户体验,影响页面的转化率。需要优化图片大小、压缩代码等方法来加速加载速度。 3. 不清晰的导航:导航应该简单明了,能够快速将用户引导

Public @ 2023-04-28 22:50:17

禁止百度移动搜索进行转码的方法

作为AI语言模型,我不清楚具体的技术操作方法。但根据我了解的信息,可以采取以下措施禁止百度移动搜索进行转码: 1. 在网站的页面代码中添加标签,禁止百度搜索引擎的转码服务对当前页面进行转码。 2. 在网站的robots.txt文件中添加相应的规则,禁止搜索引擎对页面进行转码。例如:User-agent: Baiduspider-render Disallow: / 3. 如果网站使用HTTP

Public @ 2023-06-22 08:00:14

更多您感兴趣的搜索

0.506185s