首页 » 百度SEO » seo之pagespeed介绍_谷歌SEO什么是PageSpeed Insights若何运用PageSpeed Insights

seo之pagespeed介绍_谷歌SEO什么是PageSpeed Insights若何运用PageSpeed Insights

访客 2024-10-18 0

扫一扫用手机浏览

文章目录 [+]

一 什么是谷歌PageSpeed Insights?

PageSpeed Insights(PSI) 是一款旨在优化所有设备上的网页、提高网页加载速率的工具。
能够针对移动设备和桌面设备天生网页的实际性能报告,并能够供应关于如何改进相应网页的建议。

seo之pagespeed介绍_谷歌SEO什么是PageSpeed Insights若何运用PageSpeed Insights seo之pagespeed介绍_谷歌SEO什么是PageSpeed Insights若何运用PageSpeed Insights 百度SEO

谷歌官方的PSI有两个版本,在线版和插件版:

seo之pagespeed介绍_谷歌SEO什么是PageSpeed Insights若何运用PageSpeed Insights seo之pagespeed介绍_谷歌SEO什么是PageSpeed Insights若何运用PageSpeed Insights 百度SEO
(图片来自网络侵删)
在线版本:https://pagespeed.web.dev/插件版:Chrome扩展PageSpeed Insights谷歌PageSpeed Insights主要性

谷歌在2018年再次加强了网站加载速率对网站排名的权重。
之前,网站页面速率是根据网站的桌面设备加载速率来衡量。
但截至2018年7月9日,页面速率也成为了移动搜索的排名成分。

PageSpeed Insights是由环球最大的搜索引擎谷歌推出的网站性能检测工具。
有别于其他第三方的网站测速工具,PageSpeed Insights除了网速测试,同时还会给到网站性能和速率提升的优化建议。

利用谷歌PageSpeed Insights进行网站的桌面设备和移动设备进行页面加载速率优化,对付提升网站排名和用户体验比以往任何时候都很主要。

在SEO和页面速率排名成分或纯粹的相应速率方面,Google是否利用PageSpeed Insights?谷歌网站管理员趋势剖析师加里·伊利斯(Gary Illyes)回应说:“我会同时选择这两种办法。

三 如何利用PageSpeed Insights优化网站?

PageSpeed Insights 会评估相应网页对常用的性能优化最佳做法的遵照情形,并打算出一个得分(分值介于 0 到 100 之间)来估算相应网页的性能优化空间。
分数越高,代表网站的性能越好。

但请记住,分数不是PageSpeed Insights推出的终极目的,而是为了帮助你办理网站问题的工具,通过建议优化减少用户实际和感知页面加载的韶光。
以是不须要过分追求100/100的分数值,只须要根据PSI给到的建议进行有步骤地提升网站性能即可。

一)网址查询:

就像任何其他 Google 工具一样,PageSpeed Insights 非常易于利用。
只需输入您要剖析的网页的 URL,然后让该工具完成其事情。

我们可以选择移动设备或电脑设备分别针对页面进行测试。

二)报告天生

1. 首先,它在 CrUX 中网络网页的“现场数据 field”,即Chrome 用户体验报告。

(CrUX 报告会从访问您网址的实际用户那里网络有关性能的匿名指标(称为“实测数据”)。
无论网址是否属于 Search Console 资源,CrUX 数据库都会网络有关该网址的信息。

2. 然后它利用Lighthouse API丈量页面性能。
它打算受控和仿照环境中的加载率:中间层设备和移动网络。
因此,这被称为“实验室数据lab”。

二)报告解读

PSI 供应有关页面的实验室lab和现场数据 field。
实验室数据对付调试性能问题很有用,由于它是在受控环境中网络的。
但是,它可能无法捕捉到现实天下的瓶颈。

现场数据对付捕捉真实的、真实的用户体验很有用——但具有更有限的一组指标。
真实的用户数据

PSI 中的真实用户体验数据由Chrome 用户体验报告(CrUX) 数据集供应支持。
PSI 报告真实用户在过去 28 天网络期间的数据。
紧张包含以下4方面:

FCP:First Contentful Paint 是加载第一个图像或文本所用的韶光。
LCP(最大内容渲染韶光):最大内容绘制是加载最大的图像或文本所花费的韶光。
FID:首次输入延迟是浏览器响运用户第一次交互所花费的韶光。
CLS:视口中的任何页面移动都通过 Cumulative Layout Shift 来衡量;CLS 分数低于 0.1 为好,高于 0.25 为差。

PSI 还报告了实验指标交互到下一次绘制(INP) 和韶光到第一个字节(TTFB) 的履历。

全体报告中的彩色编码使您更随意马虎找到网站上表现良好的区域、须要改进的地方以及表现不佳的地方。

赤色表示性能不佳/差绿色表示良好/可接管的性能琥珀色显示它须要多少改进

PSI优化建议

数据报告中我们看到页面的等级状态后,也会有针对页面的优化改进建议。
须要我们一步一步针对建议作出修正,提升网站的整体性能。

常见的建议有:

肃清渲染壅塞资源开启Gzip压缩减小图片体积启用浏览器缓存减少做事器相应韶光最小化JavaScript删除查询字符串利用CDN加速网站选择一个更快的网站主题,它是轻量级的嵌入***而不是将它们直接上传到网站,这每每会使其变慢避免过多的重定向,除非非常有必要的情形下预加载密钥要求等等

四.移动站性能优化建议

早在2016年,谷歌宣告移动优先索引,看重移动真个用户体验。
并在之后的谷歌PageSpeed Insights中加入移动设备测试。
除了PSI给到的针对性的优化建议之外,我们可以参照谷歌提出的移动端“最佳实践目标“进行移动端性能优化:

1. 做事器必须在 200 毫秒内呈现相应内容

2. 应尽可能减少重定向次数

3. 应尽可能减少首次呈现内容所需的网络来回次数

4. 避免在首屏内容中包含会阻挡内容呈现的外部 JavaScript 和 CSS

5. 为浏览器布局和呈现预留韶光(200 毫秒)

6. 优化 JavaScript 的实行及呈现用时

总结:良好的网页速率不一定有100/100的分数,我们亦无需过分追求100/100的网站,我们只须要专注于使页面速率更快,用户体验更佳。
毕竟,这样的页面对Google和用户都非常主要。

参考资料:

https://developers.google.cn/speed/docs/insights/mobile

https://developers.google.com/speed/docs/insights/v5/about

https://developers.google.cn/speed/docs/insights/about

https://baijiahao.baidu.com/s?id=1716656194520589646&wfr=spider&for=pc

https://kinsta.com/blog/google-pagespeed-insights/

https://developer.aliyun.com/article/801823

https://zhuanlan.zhihu.com/p/307407082

https://wp-rocket.me/google-core-web-vitals-wordpress/improve-largest-contentful-paint/

https://www.simplilearn.com/how-to-use-google-pagespeed-insights-article

https://dlinkers.com/google-update-pagespeed-insights/

https://kinsta.com/blog/google-pagespeed-insights/

https://www.simplilearn.com/how-to-use-google-pagespeed-insights-article

相关文章

清新少女妆裸妆_自然之美,从裸妆开始

在如今这个追求个性、时尚的年代,化妆已成为许多女性生活中不可或缺的一部分。而清新少女妆裸妆,以其自然、透亮、清新的特点,逐渐成为众...

百度SEO 2025-01-03 阅读1 评论0

温州市网站设计,打造智慧城市新名片

随着互联网技术的飞速发展,网站设计已成为展示城市形象、提升城市竞争力的重要手段。温州市作为我国东南沿海的重要城市,近年来在网站设计...

百度SEO 2025-01-03 阅读1 评论0