打开网页一直不停的转圈?试试DNS预解析,提高网页加载速度

时间:2020-03-17 14:58:00
来源:敢闯网
1958次阅读

  最近公司的电商网站访问速度缓慢,严重时整个页面加载完超过了5秒,试问一下:用户浏览或者购物,要等多久才能看到这个页面的内容?百度搜索引擎早已给了警告:页面首屏的加载时间超过1.5秒,会统统“枪毙”。

网站访问速度慢

  如今,手机上网用户超过了12.9亿,人们越来越倾向于使用手机上网购物、看资讯。如果网站在手机上打开速度慢,势必会被用户所抛弃,页面首屏的加载时间在1.5秒以内的页面,会带给用户流畅快捷的极速体验。这样的网站,不但能留住用户,而且搜索引擎也是非常青睐。

网站访问速度快
图:新疆地区访问需0.8s的优质网站

  我们查找原因发现,这个电商网站使用了CDN,却服务器运行正常,CDN各个节点也是正常的,分析页面元素发现部分JS阻塞了网页渲染,解决方法就是优化JS,异步执行部分JS、去除重复JS等,实现最佳性能。

JS阻塞网页渲染
图:JS阻塞网页渲染

  然而,打开网页还是一直不停的转圈,网页加载速度还是慢?检查发现网页里面元素众多,使用了好几个域名,图片、视频、文件等单独使用了域名。研究大佬电商网站发现,他们使用了dns-prefetch(翻译:DNS预解析)来提升页面载入速度,如图所示。需要提醒的是,网站页面性能优化是细心活,不要不重视用户的浏览体验。

dns-prefetch

经过优化后的网站页面性能
图:经过优化后的网站页面性能

阅读全文
不要等待机会,而要创造机会

深度阅读

  • 服务器log日志分析工具(4款免费的网站日志在线分析工具)

    分析网站服务器日志,有时候非常必要,比如:网站流量下降、网站被黑。敢闯网为你介绍4款免费的网站日志在线分析工具,简单、易操作的服…【详细】
    1691阅读
  • 互联网韭菜什么意思(网络割韭菜案例)

    互联网韭菜(网络流行词),指互联网金融圈的基层群众,并最终以赔钱为结局。纵观很多网络割韭菜案例,无论是保险理财、股票期货等,还是银行…【详细】
    18阅读