扫描关注网站建设微信公众账号

微信二维码

当前位置:济南网站优化 > 技术洞察 > SEO > 怎么消解网站在移动端的搜索加载速度?

怎么消解网站在移动端的搜索加载速度?

时间:2020-03-25•11:09:45文章来源:移动端排名文章作者:移动优化人员

  为什么网站有时候打开很慢?无论是站长还是企业,都会遇到打开站点很慢的时候。为什么网站加载速度会变慢,如何加快网站速度?优化了加载速度的网站不仅可以提高其搜索引擎的排名,同时也可以降低网站的跳出率,提高其转换率,还能提供更好的终端用户体验,这是当今基于Web环境取得成功的关键。

  移动搜索SEO优化加载速度是在网站优化中重要的一部分。页面首屏内容应在1秒内加载完成。页面加载速度是影响用户搜索体验的一个重要因素。百度APP对用户行为的研究表明,页面首屏的加载时间在1秒以内的站点或小程序,用户的留存率会越高,更符合用户对快捷搜索体验的期待。

  网络加载类

  1.首屏数据请求提前,避免JavaScript文件加载后才请求渲染

  为了进一步提示页面加载速度,可以考虑将页面的数据请求尽可能提前,避免在JavaScript文件加载完成后才去请求数据。通常数据请求是页面内容渲染中关键路径最长的部分,而且不能并行,所以如果数据请求能提前的话,可以极大程度上缩短页面内容的渲染完成时间。

  2.首屏加载和按需加载,非首屏内容滚屏加载,保证首屏内容最小化

  由于移动端网络相对较慢,网络资源有限,因此为了保证尽快完成页面内容的加载,需要保证首屏加载资源的最小化,非首屏的内容使用滚动的方式异步加载。一般推荐移动端页面首屏数据展示延迟不超过3秒。

电脑端排名优化

  3.手机端网页排名模块化资源并行下载

  主要指模块化JavaScript资源的异步加载,例如AMD的异步模块,使用并行的加载方式能够缩短多个文件资源的加载时间。

  4.inline首屏必备的CSS和JavaScript

  通常为了在HTML加载完成时能使浏览器中有基本的样式,需要将页面渲染时必备的CSS和JS通过script或style的方式内联到页面中,避免页面HTML载入完成到页面内容展示这段过程中页面出现空白。

  5.metadnsprefetch设置DNS预解析

  设置文件资源的DNS预解析,能让浏览器提前解析获取静态资源的主机IP,避免等到请求的时候才发起DNS解析。

<!--cdn域名预解析-->

<metahttp-equiv='x-dns-prefetch-control'content='on'>

<linkrel="dns-prefetch"href="//x.autoimg.cn">

  6.资源预加载

  首屏加载完成后可能会使用的资源,我们可以用link标签声明特定文件的预加载。

<linkrel='subresource'href='main.css'>

<linkrel='prefetch'href='secondary.js'>

  移动端网站排名注意:只有可缓存的资源才进行预加载,否则浪费资源!

  7.Prerender预渲染

  预渲染意味着我们提前加载好用户即将访问的下一个页面,否则进行预渲染这个页面将浪费资源。

<linkrel='prerender'href='//j.autohome.com.cn'>

  8.合理利用MTU策略

  通常情况下,TCP网络传输的最大传输单元(MTU)为1500B,即一个RTT(Round-TripTime,网络请求返回时间)内可以传输的数据量最大为1500字节。因此在前后端分离的开发模式中,尽量保证页面的HTML内容在1KB以内,这样整个HTML内容的请求就可以在一个RTT内完成,最大限度的提高了HTML载入速度。

  9.路由懒加载

  当打包构建应用时,JavaScript包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。结合Vue的异步组件和Webpack的代码分割功能,轻松实现路由组件的懒加载。

上一篇:创建百科很困难?你一定是忽略了这几点

下一篇:SEO搜索引擎优化开始-域名的挑选

文章关键词
网站打开速度
移动端搜索
移动搜索
加载速度
打开速度
网站加载速度