发布信息

我的网站有多快!教你使用PageSpeed Insights来测网速

作者:admin      2022-12-26 12:40:26     29



我的网站有多快!教你使用PageSpeed Insights来测网速

之前的文章我有提到过,怎样使用CDN 加速和使用Memcached 缓存,这样做的目的都是为了提高网页加载速度。

这么做有必要吗?为何网页加载速度对网站来说很重要?网页加载过慢又会有哪些不利的影响?

  • 影响用户体验。这一点是最为重要的,如果一个网站一直卡顿迟迟不加载显示页面,那么用户几乎不用考虑就会点击右上角的“关闭”按钮退出网页浏览。就像是客户进到你的店里,看到空空如也的柜台,你觉得他还会等着你一件一件的把商品摆上货柜吗,显然不会,他只会愤而离去,转头去另一家店铺。
  • 影响谷歌分析数据。一般来说,网页加速流畅的网站会标记更多的访客,因为谷歌分析代码会优先加载,在用户浏览网页时会实时记录用户在网页上的行为,例如:点击了下一页、搜索了某个特定字词、点击了某个标签又或者是在某篇文章内容下进行了留言互动等。如果网页加载缓慢,用户在谷歌分析代码触发之前就匆匆离开关闭了网页,那么这个用户的访问行为将不会被谷歌分析记录,我们有可能会错过一位潜在用户。
  • 那么我的网页加载速度应该要多快才符合标准呢?

    很抱歉,这个没有具体的衡量标准,一般建议网页加载时间最好不要超过三秒。

    很幸运,谷歌给我们提供了一个免费的检查页面速度的工具,PageSpeed Insights,本文将介绍如何使用 PageSpeed Insights 来测试网站加载速度。

    PageSpeed Insights是什么

    PageSpeed Insights(PSI)是谷歌推出的一款免费测速工具,它能报告网页在移动设备和桌面设备上的用户体验,并据此提供改进建议。

    如何进行网站测速

    第一步:输入网站网址

    输入网址后,点击“分析”,然后等待几秒钟,就会看到测速结果。

    我的网站有多快!教你使用PageSpeed Insights来测网速

    图片来源:PageSpeed Insights

    在上图中我们能看到手机设备和桌面设备的性能数据,但要注意这些只是模拟测试数据,也就是估算值。

    如果你的网站有足够的数据,PageSpeed Insights 会根据谷歌用户体验报告,使用过去 28 天的真实用户数据来计算性能分数。

    第二步:分析测速结果

    PageSpeed Insights 提供了网站整体性能得分,这个分数与网站加载速度大致相关,但比起性能分数,用户更在乎的是网站加载时间。

    我们具体来看看每个分数的范围:

    • 0-49(红色警告三角形):表示网站整体加载缓慢;
    • 50-89(黄色正方形):表示网站加载速度可提升空间;
    • 90-100(绿色圆形):表示你的网站加载很快。

    在分数下有 6 个重要指标,PageSpeed Insights 通过这 6 个指标来衡量网站的整体性能,理想状态下,这 6 个指标都应该获得绿色(90-100)分数。

    我的网站有多快!教你使用PageSpeed Insights来测网速

    图片来源:PageSpeed Insights

    接下来我们来解读这 6 个指标代表的含义:

    • First Contentful Paint(首次内容加载):浏览器上页面加载出第一条内容所需要的时间。
    • Speed Index(加载速度):在页面加载期间显示内容的速度。
    • Largest Contentful Paint(最大内容加载):浏览器上页面加载最大元素所需要的时间。
    • Time to Interactive(互动时间):页面完全交互所需要的时间。
    • Total Blocking Time(总阻塞时间):首次内容加载和互动时间的总和(FCP+TTI)。
    • Cumulative Layout Shift(累积布局偏移):页面上的元素加载时偏移的程度

    图例中的 1-3 指标都没有达到绿色分数,仍有改进提升的空间,在这些指标中,需要特别注意的是第 3 个“最大内容加载”指标,理想情况下,这个指标最好在 2.5 秒或更短的时间内。另外 Google 的研究表明,当该指标超过 3 秒时,网站的跳出率会增加 32%。

    我的网站有多快!教你使用PageSpeed Insights来测网速

    图片来源:Think with Google

    如果这 6 个指标中出现红色分数,有可能是你的页面上出现了未经压缩的图像或视频,也有可能是你的网站托管速度较慢,还有可能在页面加载时存在多个元素在移动,这些都会导致用户访问体验不佳。一旦发现了这些存在的问题,那么你就应该立即有针对性地做出调整改善。

    鼠标向下滑,能看到 PageSpeed Insights 给出的优化建议,例如:“请缩短初始服务器响应用时”,针对这一条给出的建议是:使用更优化的主题背景、选择优化或升级服务器。

    以上都是移动设备的测速,同样的我们也可以查看桌面设备上网页加载的情况和性能分数。

    相比起移动设备,桌面设备上的加载时间提速了不少,但仍旧有需要改进的地方。

    我的网站有多快!教你使用PageSpeed Insights来测网速

    图片来源:PageSpeed Insights

    好了,使用 PageSpeed Insights 来测网速的介绍到此结束了,建议你根据它给出的建议对网站进行修改调整后,再来测试网站加载速度,以确网站整体性能都能达到绿色分数,为你的用户提供更好的浏览体验。











    图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!




    内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,发布内容不收取任何费用也不接任何广告!




    免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理,本文部分文字与图片资源来自于网络,部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们,情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!

    相关内容 查看全部