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

织梦移动化指南

随着智能移动设备的普及,越来越多的人使用手机和平板电脑浏览网站和进行在线购物等活动。因此,移动化已成为现代网站的必要条件。以下是一些关键点,可以帮助您将织梦网站移动化: 1. 响应式网站设计:采用响应式网站设计可以让您的网站自动适应各种屏幕尺寸和设备。这样,您的网站就可以在桌面、平板电脑和手机等设备上正常显示,并提供与传统桌面浏览器相同的交互体验。 2. 简化网站结构与内容:对于移动设备用户,

Public @ 2023-05-27 19:50:32

织梦移动化友好度优化七盏明灯

1. 响应式设计:使用响应式设计制作网站,以确保其能够在不同屏幕大小和设备上正常呈现。 2. 移动优化的布局:精心设计和优化网站布局,确保在小屏幕设备上,内容可读性好且易于导航。 3. 图像优化:使用正确的格式、大小和分辨率优化图像,以提高网站的性能和加载速度。 4. 视频优化:使用正确的视频格式、大小和分辨率,以确保视频在移动设备上流畅播放。 5. 快速响应时间:确保网站能够快速响应用户

Public @ 2023-06-15 00:50:20

如何让百度准确地识别页面类型

1. 通过添加语义化的标签,让百度准确地识别页面类型是非常重要的。比如:logo、nav、article、aside 以及 section标签,用上述标签可以让百度知道网页正在展示什么内容。 2. 完善首页介绍、导航菜单,正确使用title,在head中添加description简介,description页面简介最好不要超过160个字符,尽量控制在160 字符以内,能够让百度准确的了解该页

Public @ 2023-02-25 07:36:26

【白皮书4.0解读】为什么禁止任何形式的APP自动调起?

本文更新时间:2018年11月6日导语:2018年8月,百度搜索资源平台发布的《百度移动搜索落地页体验白皮书4.0》(简称《白皮书4.0》),为帮助大家更好地理解白皮书4.0,我们推出了《白皮书4.0专题解读》,将对大家感兴趣的点进行详细解读,敬请关注。《白皮书4.0》中强调“禁止任何形式的APP自动调起”。为什么会禁止任何形式的APP自动调起呢?那么,想转化用户到APP的话,又该怎么做呢?本文将

Public @ 2019-12-14 16:19:37

更多您感兴趣的搜索

0.549378s