首页 > 知识•资讯 > 测试及优化网站的运行速度用那种工具?Google Page Speed Insights 可以试试。 > 正文

测试及优化网站的运行速度用那种工具?Google Page Speed Insights 可以试试。

2022/7/1 15:56:19 · 稿源:传诚信

品牌在建立自己的官网前,除了视觉化的网页设计、网页排版之外,也要将「网站速度」这点考量进去,因为网站速度跟使用者体验有高度关联。
设想一下,当品牌好不容易藉由数位行销将客人带进官网,结果发现只要在品牌官网执行一个动作就要Loading 很久,想必对这个网站不会留下什么好印象,最终的结果就是造成客户的流失,因此,提升网站速度就成为经营网站必须做的功课之一,而以下就用Google Page Speed Insights这个工具教学如何优化网站速度,增加网页运转效能,进而提供客户良好的使用体验

Google Page Speed Insights 是什么?

 Google Page Speed Insights是一款常用于检测网站速度的工具,是由Google开发团队所制作,只要将网址放入测试软体中,系统就会针对该网址分别在「电脑」以及「行动装置」提供 网站速度 相关资讯,包含「网站体验核心指标」以及「效能诊断」。
网站拥有者可以透过这两项检测网站速度指标,利用实际数据去检测自身的网站到底快或慢,具体知道网站速度改如何优化。

Google Page Speed Insights 指标

网站体验核心指标(Core Web Vitals)

网站体验核心指标会搜集网站在过去28天内的三组数据(LCP、FID、CLS),进而评估该网址划分不同的等级:「优良的网址」、「待改善的网址」、「不良的网址」

Google Page Speed Insights

LCP(Largest Contentful Paint):计算网页中最大元件载入时花费的时间,例如一个网址中有一张尺寸较大的图片,这个图片也是需要载入时间最久的元件,LCP就会计算载完这张图所需要的时间。
FID(First Input Delay):当使用者进入网页,并在该网页进行的第一个互动中,可能是点了连结、按钮、上传资料…等,网页需要花多久的时间才能反应使用者的互动,简单来说,这是一个Google衡量网页跟用户「互动性」的指标。
CLS(Cumulative Layout Shift):又称为「累计版面配置转移」,当网页中的元素载入时,很容易因为网页速度不稳造成画面跳动,为了视觉的「稳定性」并且提供给使用者良好的网站体验,CLS越低越好。
优良网址待改善网址不良网址


优良网址待改善网址不良网址
LCP<2.5sec2.5-4.0sec>4.0sec
FID<100ms100-300ms>300ms
CLS<0.10.1-0.25>0.25

效能诊断(Performance diagnostics)

 Google Page Speed Insights结合Lighthouse分析模拟网站在FCP、LCP、CLS…等指标权重后,给予检测的网址一个分数,如果计算出来的分数介于0-50分,则会显示「红色」,代表网页还有多处需要加强;分数介于5-89分,则会显示「橘色」;分数超过90分,则会显示「绿色」,代表是优良的网址。
虽然效能诊断是透过「模拟」的环境进行测试,但是仍然网站拥有者然仍可以根据提供的指标项目进行优化,让网页更符合Google网页速度的标准。
Google Page Speed Insights

Google Page Speed Insights 教学

1. 至Google Page Speed Insights填入网址
Google Page Speed Insights

2. 查看该网址在「电脑」以及「行动装置」的成效
Google Page Speed Insights

3. 查看网站体验核心指标
Google Page Speed Insights

4. 查看效能诊断分数
Google Page Speed Insights

5. 针对优化建议做网址改善
Google Page Speed Insights

Google Page Speed Insights 整体结论

网站速度是每一个经营网站者本身必须考量的问题,除了用「体感」的方式感受网页速度之外, Google Page Speed Insights提供了数据、指标来评估网页快与慢,让网页经营者在优化上可以更有方向。
一个对于Google 来说使用者体验优良、网页速度快,也会有助于在SEO 上的排名,Google也会更愿意推荐该网站在指定搜寻结果中,不过即便如此,也要提醒Google Page Speed Insights只是一个参考的数据指标,在进行网页速度优化时,也要搭配其他网站速度监测的软体同步进行,让网页速度的优化效果更加全面。
如果对于网站速度或是自家网站在Google Page Speed Insights 数字有任何疑问,都欢迎与我们 展曜网页设计 聊聊,我们将提供您最完整的 网页速度优化 建议。
如果您能访问,你点击试试。https://pagespeed.web.dev/?utm_source=psi&utm_medium=redirect


  • 相关推荐
  • 大家在看
  • 手机端里的数据表的表现方式!

    随着手机端应用层出不穷地发展这次将数据图表的表现延用到手机端。相比 web 端展示数据的空间优势要兼顾手持设备的便捷、简明而重点的特质手机端......

  • 作网站怎么开始?该准备什么?

    作网站怎么开始?该准备什么?网页设计须知关于网页设计的要诀,在制作前我们会先了解客户对网络的期待及达成率来做网页设计的依据,我们要不断强调网......

    2020/3/7 0:00:00
  • 网页设计是网站建设的核心。

    网页设计是网站建设的核心。网站设计师在设计过程中必须理解页面设计的准则,如何从公司的角度考虑公司的利益,如何站在用户的角度为用户提供良好的体......

    2018/4/26 0:00:00
  • 建站方案的思想原则

    以需求为基础: 根据企业实际信息化水平、营销网络、产品情况等制定相适应的信息网络平台。 方便使用: 对于信息网络平台的建立、维护等全部的服务......

    2010/3/25 0:00:00
  • 做网站 网站建设 最贵的是什么?

    做网站最贵的是什么?这篇文章是继《做网站最难的是什么》《做网站最累的是什么》之后写的,之所以继续写下去,是因为很多网友反映在看了我的文章后受......

    2010/3/25 0:00:00
  • 网站设计优惠套餐

    网站设计优惠套餐 追求创造是我们的宗旨,我们将以一种追求完美的精神,以新颖的创意, 精细的创作,为您创造网络的天空。类型设计说明价格统计调查......

    2010/9/12 0:00:00
  • 搜索引擎推广方法

    搜索引擎推广方法 从目前的发展趋势来看,搜索引擎在网络营销中的地位依然重要,并且受到越来越多企业的认可,搜索引擎营销的方式也在......

  • 2018年网站备案及域名实名的政策解读

    从2018年1月1日起,根据“互联网域名管理办法”和“工业和信息化部关于规范互联网信息服务中域名使用的通知”,用于互联网信息的域名应当按照法......

    2018/3/12 0:00:00
  • 米开罗那网站项目制作完成

    米开罗那网站建设项目制作完成 作为集研究、生产、服务于一体迅速发展的高科技公司,米开罗那始终致力于引进和吸收欧洲一流技术为全球客户......

    2008/6/12 0:00:00
  • ICP报备流程

    ICP报备流程一、ICP信息报备流程图: 二、ICP信息报备流程:1. 网站主办者登陆接入服务商企业侧系统网站主办者进行网站备案时......

    2010/7/9 0:00:00
客户服务
咨询热线

010-62199213

24小时咨询热线

139-1050-5354