• web性能检测工具lighthouse


    About Automated auditing, performance metrics, and best practices for the web.

    Lighthouse 可以自动检查Web页面的性能。

    你可以以多种方式使用它。

    浏览器插件

    作为浏览器插件,访问chrome网上商店 搜索Lighthouse 插件安装。以两种方式使用。

    • 方式一

    安装成功后,访问想要检查的页面,开发插件,点击Generate report,稍等片刻,你将会得到一份页面的检查报告。

    • 方式二

    访问想要检查的页面,打开开发者工具,切换到Lighthouse 标签使用。

    Node CLI

    以Node CLI方式使用Lighthouse可以得到最大灵活性,Lighthouse提供了许多参数使用。

    Linghthouse 需要Node 14 LTS(14.x) 或更高版本。

    • 安装
    > npm install -g lighthouse
    
    • 查看帮助
    > lighthouse --help
    
    • 使用
    > lighthouse https://www.baidu.com --output html --output-path ./report.html
    √ We're constantly trying to improve Lighthouse and its reliability.
    ...
    

    --output 指定报告的类型;--output-path 指定报告的路径。

    以编程模式使用

    创建lighthouse_demo.js 文件,脚本如下:

    const fs = require('fs');
    const lighthouse = require('lighthouse');
    const chromeLauncher = require('chrome-launcher');
    
    (async () => {
      const chrome = await chromeLauncher.launch({chromeFlags: ['--headless']});
      const options = {logLevel: 'info', output: 'html', onlyCategories: ['performance'], port: chrome.port};
      const runnerResult = await lighthouse('https://www.baidu.com/', options);
    
      // `.report` is the HTML report as a string
      const reportHtml = runnerResult.report;
      fs.writeFileSync('lhreport.html', reportHtml);
    
      // `.lhr` is the Lighthouse Result as a JS object
      console.log('Report is done for', runnerResult.lhr.finalUrl);
      console.log('Performance score was', runnerResult.lhr.categories.performance.score * 100);
    
      await chrome.kill();
    })();
    

    有没有自动化既视感,还可以设置 headless模式。

    • 运行
    > node lighthouse_demo.js
    

    最终,会在当前目录下生成 lhreport.html 结果文件。

    Web网站

    有一些Web网站基于lighthouse 提供服务,你可以登录这些网站输入URL检测网络性能。

    ...

    以 web page test 为例:

  • 相关阅读:
    asp.net生命周期
    中国互联网公司数据库访问现状
    console在文件中
    2011程序员薪资调查报告全文发布
    Centos上搭建能用于ok6410开发板的tftp服务器
    Centos 上搭建nfs且可挂载到6410开发板
    linux下软件的卸载与安装
    基于ok6410的韦东山驱动视频简要分析lcd驱动
    6410上移植uboot
    编译可加载触摸屏驱动的uImage内核。
  • 原文地址:https://www.cnblogs.com/fnng/p/15488030.html
Copyright © 2020-2023  润新知