前端使用GTmetrix速度测试web工具

项目场景：

新建一个企业官网，前端加载速度有点慢，今天使用网站速度测试工具GTmetrix，来做下前端测试。

问题描述

打开网站平均速度在3到5秒左右的响应时间，很不尽人意，发现以内联方式交付关键的 JS/CSS加载在2秒左右，这肯定出问题了，CSS如下：

@font-face {font-family: 'Oxygen';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/oxygen/v15/2sDfZG1Wl4LcnbuKgE0mV0Q.woff2) format('woff2');unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

原因分析：

提示：发现CSS里用的是fonts.gstatic.com字体：

那就好办了，既然找到了问题所在，那就改掉他，但是最好还是检测一下有没有其他问题导致，一起解决掉

解决方案：

提示：使用网站速度测试工具GTmetrix：
网址：https://gtmetrix.com

GTmetrix由位于加拿大的公司GT.net开发，作为其托管客户轻松确定其网站性能的工具。是当今网络上最知名和最常用的速度测试工具之一，它结合使用Google PageSpeed Insights和YSlow来生成分数和推荐。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！