这个是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. IT咨询顾问:一次吐血的项目救火 java或判断优化小技巧 asp.net core Session的测试使用心得 【.NET架构】BIM软件架构02:Web管控平台后台架构 NetCore入门篇:(十一)NetCore项目读取配置文件appsettings.json 使用LINQ生成Where的SQL语句 js_jquery_创建cookie有效期问题_时区问题

    IT咨询顾问:一次吐血的项目救火   年后的一个合作公司上线了一个子业务系统,对接公司内部的单点系统.我收到该公司的技术咨询:项目启动后没有规律的突然无法登录了,重新启动后,登录一断时间后又无法重新登 ...

  2. 关于mysql建立索引 复合索引 索引类型

    这两天有个非常强烈的感觉就是自己在一些特别的情况下还是hold不住,脑子easy放空或者说一下子不知道怎么去分析问题了,比方,问"hash和btree索引的差别",这非常难吗.仅仅 ...

  3. 2015 Multi-University Training Contest 4 1001 Olympiad

    代码: #include<cstdio> #include<cstring> #include<set> using namespace std; int vis[ ...

  4. office文档、图片、音/视频格式转换工具

    1.音频/视屏转换工具VLC https://wiki.videolan.org/Mp3/#Container_formats  http://wenku.baidu.com/view/ba73ac5 ...

  5. ios33--线程安全

    // // ViewController.m // 05-掌握-线程安全 // // 多线程下载文件:每个线程下的部分可能是交错的,到时候就拼接不了.除非每个线程下载的不是交错的,而是从头到尾依次分开 ...

  6. Matlab7.1——启动时只显示Logo

    1. 现象 Matlab7.1在启动时只显示Matlab的Logo: 2. 解决方法 听我的吧,这个是官方办法,我也亲自试过了1结束matlab进程:2在C:\user\APPDATA\Roaming ...

  7. [RK3288][Android6.0] 音频调试方法小结【转】

    本文转载自:http://blog.csdn.net/kris_fei/article/details/70053135 Platform: ROCKCHIPOS: Android 6.0Kernel ...

  8. virtual (C# Reference)

    https://msdn.microsoft.com/en-us/library/9fkccyh4.aspx The virtual keyword is used to modify a metho ...

  9. MPMoviePlayerController属性方法简介

    属性 说明 @property (nonatomic, copy) NSURL *contentURL 播放媒体URL,这个URL可以是本地路径,也可以是网络路径 @property (nonatom ...

  10. 如何装载Storyboard中的ViewController?

      如上图所示,如何装载Storyboard中指定的ViewController? 首先,需要指定ViewController的ID,如上图右上方红色方框内的Storyboard ID.然后使用下面的 ...