这个是google测试网页的;https://developers.google.com/speed/pagespeed/insights/

PageSpeed Insights 简介
PageSpeed Insights 能够针对移动设备和桌面设备生成网页的实际性能报告,并能够提供关于如何改进相应网页的建议。 速度得分
PageSpeed Insights 会整合 Chrome 用户体验报告 (CrUX) 中的数据,以显示网页的实际性能数据。PSI 会报告两项指标,即首次内容绘制 (FCP) 和文档内容加载 (DCL)。 该工具会将每项指标(FCP 或 DCL)的中间值与通过 CrUX 报告监控的所有网页的数据进行比较,并根据每项指标在分布图中所处的位置为其指定一个类别: 快:指标的中间值在所有网页加载速度分布图中位于前三分之一的位置。
慢:指标的中间值在所有网页加载速度分布图中位于后三分之一的位置。
中等:指标的中间值在所有网页加载速度分布图中位于中间三分之一的位置。
通过查看每项指标的类别,可计算出总体速度得分: 快:如果网页的每项指标都是“快”。
慢:如果网页的每项指标都是“慢”。
中等:所有其他情况。
网页加载分布图
“网页加载分布图”部分会显示相应网页的 FCP 和 DCL 指标在 CrUX 数据集中的分布情况。每项指标的分布都分为三个类别:快(前三分之一)、中等(中间三分之一)和慢(后三分之一)。该分布图每周更新一次。 优化程度得分
PageSpeed Insights 会评估相应网页对常用的性能优化最佳做法的遵循情况,并计算出一个得分(分值介于 到 之间)来估算相应网页的性能优化空间。它评估的是相应网页是否可以从以下两个方面提升性能: 首屏加载时间:从用户请求打开新网页到浏览器呈现出首屏内容所用的时间。
完整网页加载时间:从用户请求打开新网页到浏览器完全呈现出相应网页所用的时间。
得分会被归类为“良好”、“中等”或“偏低”。在进行此项计算时,该工具会假定开发者希望网页的外观和功能保持不变。 良好:相应网页采用了大多数性能优化最佳做法,进一步优化的空间很小。网页得分为 分或更高。
中等:相应网页未采用某些常用的性能优化建议,进一步优化的空间为中等。网页得分在 到 分之间。
偏低:相应网页未经过优化,有相当大的优化空间。网页得分在 到 分之间。
优化程度得分估算的是网页的性能优化空间。有些网页虽然加载速度较慢,但可能会获得较高的优化程度得分,这是因为相对于相应网页使用的资源总量,阻碍呈现的资源所占的比重较小。另一方面,加载速度较快的网页也可能会获得较低的优化程度得分,这是因为相对于相应网页的资源总量,阻碍呈现的资源非常多。 此网页的速度统计信息
此部分会显示加载相应网页使用的阻碍呈现的资源而需要的往返次数、相应网页使用的总字节数,以及它们与数据集中往返次数和所用字节数中间值的对比情况。此部分可表明:如果修改相应网页的外观和功能,其加载速度是否可能会变快。 优化建议
此部分会列出可应用于相应网页的最佳做法。如果相应网页的加载速度较快,那么该工具会默认隐藏这些建议,因为在数据集内的所有网页中,相应网页已位于前三分之一的位置,可能没有必要进行进一步的改进。 由于网络连接性能有很大差异,因此,优化建议针对的是网页性能中与网络无关的方面,例如服务器配置、网页的 HTML 结构,以及网页使用外部资源(例如,图片、JavaScript 和 CSS 内容)的情况。实现这些建议应该能够改进网页的相对性能。不过,网页的绝对性能仍将受用户网络连接的影响。 速度性能受多种因素影响,但最为重要的是以下两个因素: 阻碍呈现的往返次数:加载阻碍呈现的资源所需的往返次数。如果网页的大部分资源都会阻碍呈现,PageSpeed Insights 会认为相应网页有较大的优化空间。开发者可以调查以下规则,以进行优化:避免着陆页重定向、清除阻碍呈现的 JavaScript 和 CSS 内容、使用浏览器缓存、优先加载可见内容以及缩短服务器响应时间。
响应大小:响应的总体大小,包括 HTML 主要资源和所有子资源。如果通过压缩或缩减大小可清除响应主体的大部分内容,PageSpeed Insights 会认为相应网页有较大的优化空间。开发者可以调查以下规则,以进行优化:启用压缩功能、缩减资源大小和优化图片。

我是有个客户一直说网站卡,带宽资源硬件都正常,加载图片慢。一看首页就是很多图片还每张就近1M,基本就可以判断是图片太大了。将客户网站拿去这个网址测试一波果然就说是图片。测试分手机端和电脑端

这个网址要自备梯子哈。

网站卡测试用 PageSpeed Insights的更多相关文章

  1. Google官方网页载入速度检测工具PageSpeed Insights 使用教程

    相信有接触前端开发的大神们都听说过Google官方的PageSpeed Tools,这个网页载入速度检测工具有在线版本也有一个 Chrome 扩展,叫PageSpeed Insights,在此之前,J ...

  2. HTTP lab01 做一个简单的测试用 web页面

      做一个简单的测试用 web页面     1.安装httpd服务   yum install httpd   安装完httpd服务后,系统就自动生成了/var/www/html目录     创建一个 ...

  3. 学习 WebService 第五步:在Local创建测试用WebService(WSDL)

    [准备] Eclipse+Tomcat7(Tomcat端口修改为不冲突的值) axis2 1.7.7 jar包(没有来这里下载:http://www.apache.org/dyn/closer.lua ...

  4. JSONPlaceholder - 免费的在线REST服务(提供测试用的HTTP请求假数据)

    http://www.hangge.com/blog/cache/detail_2020.html 一.GET 方式请求数据1,获取文章(贴子)数据 二.POST 方式请求数据1,功能说明我们可以将数 ...

  5. 前端性能测试工具之PageSpeed Insights

    谷歌开发的一个免费的网页分析工具,在地址栏中输入被分析的网站 url 地址,点击分析 地址:https://developers.google.cn/speed/pagespeed/insights/ ...

  6. Google PageSpeed Insights : 网站性能优化检测工具

    1 1 https://developers.google.com/speed/pagespeed/insights/ PageSpeed Insights 使您的网页在所有设备上都能快速加载. 分析 ...

  7. 前端性能优化插件 --- PageSpeed Insights

    对于前端工程师来说,前端性能优化始终都是非常重要的一环,它决定了用户体验, 决定了一个用户是否愿意在页面的加载浪费时间, 从而丢失用户. 所以前端性能优化是非常重要的. 下载地址 https://ch ...

  8. 后Selenium时代,网页自动化测试用Cypress

    本文技术难度★★★,初学自动化测试的朋友慎点!否则会引起焦虑等不适症状,严重者会怀疑自己技术人生! 来自Cypress官网首页! Web开发飞速换代! table控制页面OUT了! 原生态手写网页OU ...

  9. [Flink]测试用的fake温度传感器

    figure:last-child { margin-bottom: 0.5rem; } #write ol, #write ul { position: relative; } img { max- ...

随机推荐

  1. MariaDB ----增删改

    1> 查看表的(创建)状态: show careate table students1; 注:       自增, (保护机制) 好马不吃回头草 2>查看 字段:( 查看表的结构) des ...

  2. 怎样将DrawerLayout显示在ActionBar/Toolbar和status bar之间

    控制status bar utm_source=tuicool#toc_1" style="color:rgb(0,0,0); text-decoration:none; line ...

  3. Android在onCreate()方法中动态获取TextView控件的高度

    正好朋友项目里遇到了给写了个小Demo: 这个监听器看名字也知道了.就是在绘画完毕之前调用的,在这里面能够获取到行数.当然也能够获取到宽高等信息 package com.example.textvie ...

  4. Go 语言的下一个大版本:Go 2.0 被安排上了(全面兼容1.X,改进错误处理和泛型这两大主题)

    今年 8 月 Go 开发团队公布了 Go 2.0 的设计草案,包括错误处理和泛型这两大主题.现在备受瞩目的 Go 2.0 又有了新动向 —— 昨日 Go 开发团队在其官方博客表示,Go 2 已经被安排 ...

  5. #1543 : SCI表示法

    时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 每一个正整数 N 都能表示成若干个连续正整数的和,例如10可以表示成1+2+3+4,15可以表示成4+5+6,8可以表示成 ...

  6. 浅谈C++多态性(转载)

    转载:http://blog.csdn.net/hackbuteer1/article/details/7475622 C++编程语言是一款应用广泛,支持多种程序设计的计算机编程语言.我们今天就会为大 ...

  7. MySQL5.7 windows二进制安装

    200 ? "200px" : this.width)!important;} --> 介绍 1.下载解压 下载地址:http://dev.mysql.com/get/Dow ...

  8. 转载使用 ContentObsever 拦截短信,获取短信内容

    在一些应用上,比如手机银行,QQ,微信等,很多时候我们都需要通过发送验证码到手机上,然后把验证码填上去,然后才能成功地继续去做下面一步事情. 而如果每次我们都要离开当前界面,然后去查收短信,记住验证码 ...

  9. Qt实现客户端与服务器消息发送

    这里用Qt来简单设计实现一个场景,即: ①两端:服务器QtServer和客户端QtClient ②功能:服务端连接客户端,两者能够互相发送消息,传送文件,并且显示文件传送进度. 环境:VS20013+ ...

  10. Linux下安装网络软件的步骤

    Linux下安装网络软件的步骤(给linux初学者,linux大神请绕路) 首先下载你所需要的软件带有deb后缀的文件 然后切换到该文件的目录 切换到超级用户权限或者是(sudo) 使用sudo dp ...