Giter VIP home page Giter VIP logo

lightkeeper's People

Contributors

dependabot[bot] avatar lfre avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

lightkeeper's Issues

πŸ’‘more concise result tables

I love this project. I've worked with different automated Lighthouse tools, but they always lacked the ability to run on multiple URLs. So it's great to see how advanced the configuration options of this project are!

Since running Lighthouse on many URLs generates many results, I'm opening this issue to discuss possibilities for more concise result tables. I'm thinking of combining all results into a single table:


Lighthouse audit for https://deploy-preview-100--spacefinder.netlify.com:

πŸ“„πŸ“„πŸ“„
Pages
⚑ Perf β™Ώ A11y πŸ… BP πŸ”Ž SEO πŸ“± PWA
thresholds 82 90 90 85 70
home
/en/
92 (90) βœ…β¬†οΈ ... ... ... ...
all buildings
/en/buildings/
85 (87) βœ…β¬‡οΈ ... ... ... ...
building
/en/buildings/8-arch/
πŸ’―(99) βœ…β¬†οΈ ... ... ... ...
space
/en/buildings/8-arch/spaces/ssp00001--library/
72 (82) βŒβ¬‡οΈ ... ... ... ...

Ideas in here:

  • Base URL on top
  • Routes in first column, in this case the relative URL and an alias for the route
  • Columns for each category, followed by their thresholds
  • Each cell would contain current value (92), old value in parenthesis (if possible), what the trend compared to the last value is ⬆️/ ⬇️/ ... and whether it passes βœ… / ❌

Each route could link to the more detailed results.

Issue with a private repository

Hi, thanks a lot for the awesome project!

I have ran into an issue. I wanted to try out lightkeeper in a project that is stored in a private repo on github and deployed using zeit's now. I've took a look at the examples in your readme and essentially copied the default settings with the zeit now baseUrl, type and ci properties. You can see an example of lightkeeper.json file below. The issue I faced is that on a pull request there were no visible checks from lightkeeper. However, the app did deploy a branch copy with now. Another thing I noticed is that if i go to github.com/<user>/<project>/pull/123/checks I could see that the check was queued up as you can see from the screenshot below.

Screen Shot 2019-08-17 at 12 03 47 AM

After rereading the docs I tried to add the exact same config in a similar project, yet it is stored in a public repo (PR). At the end I am still not sure if having it to run on a private repo requires an undocumented extra step? If so I am happy to add it to the docs but I have not figured it out yet.

Update: turns out even on the public repo it seems like it ran lighthouse against zeit.co instead of the deployment of my branch.

.github/lightkeeper.json file
{
  "baseUrl": "{target_url}",
  "ci": "now",
  "type": "deployment",
  "settings": {
    "categories": {
      "performance": 58,
      "accessibility": 57,
      "best-practices": 64
    },
    "budgets": [
      {
        "resourceSizes": [
          {
            "resourceType": "script",
            "budget": 300
          },
          {
            "resourceType": "image",
            "budget": 100
          },
          {
            "resourceType": "third-party",
            "budget": 200
          },
          {
            "resourceType": "total",
            "budget": 1000
          }
        ],
        "resourceCounts": [
          {
            "resourceType": "third-party",
            "budget": 50
          },
          {
            "resourceType": "total",
            "budget": 50
          }
        ]
      }
    ]
  },
  "routes": [
    "/"
  ]
}

Provide a dummy project to see it in action

Hello! First of all as the creator of lighthouse-gh-reporter id like to say that I'm so glad to see that my small tool contributed to inspire you. You put my idea to the next level as my next step in mind was exactly, more or less what you have done so.. congratulations πŸ‘ πŸ‘

On the other hand I'd like to contribute into make this something that the people start to use and to enjoy using and in order to do it I think that we must create a dummy report of the bot in order to see a real scenario in which the bot, the config and everything get working.

I'd like to know your thoughts about whats the best way to do it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.