吉林福利彩票交流群

SEO知识 战车网 12浏览 0评论

这次 Google 开发者大会请来了 Lighthouse 的工程师 – Eric Bidelman ,分享如何简单地使用 Lighthouse, Puppeteer 来自动化我们日常的流程。它是一个开源的自动化工具,用于改进网络应用质量。您只需要提供网址,它就测试该页面,並生成页面性能报告。你看看可以采取哪些措施来改进您的应用。

Lighthouse 重视用户的首次加载页面速度,页面首次显示内容速度,有意义的内容显示速度,以及可以交互的时间。

以一个页面加载的周期为例,首先页面会发送第一个字节给用户,然后显示一些非空白的图像,然后显示有意义的内容,然后展示所有内容,允许用户点击或其他操作,然后完结整个加载周期。

运行 Lighthouse 的方式有两种:作为 Chrome 扩展程序运行,或作为命令行工具运行。Chrome 扩展程序提供了用户友好的界面,方便读取报告。而命令行工具允许您将 Lighthouse 集成到持续集成系统。

在谈 Puppeteer 之前,我们需要提到上面是 Headless Chrome。简单来说,它是一个没有视图层的谷歌浏览器。

它允许你使用最新的浏览器来测试页面,使用所有最新的属性,比如说 CSS Grid 格局,Web 推送通知等。

你可以拦截图片的请求,甚至是把图片的请求换成其他请求,例如 http 直接上 https,或图片换成占位图。

以上这些个案都是一些重复出现的日常例子。Puppeteer as a service ]就把以上这些代码做了封装,只需在 url 后续加入 url 参数,便可使用服务。

这次可谓干货满满,收获丰富。我之前以为这些工具过于专业,艰涩难懂,没想到只需要按几个按钮,写几行代码,甚至不需要写代码便可以测试自己的网站。

转载请注明:战车网 » 吉林福利彩票交流群

猜你喜欢

avatar
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址