Reporting

[TheJaredWilcurt]

It would be possible to generate reports about what Red Perfume has found during optimization.

This issue is to gather ideas and have discussions around the topic. We can later create individual issues for each reporting feature in the correct repos.

ideas:

• How much repetition was removed from identical property/value pairs:
  • padding-top: 2.1 rem; was found 214 times
  • padding-bottom: 2.1 rem; was found 107 times
  • etc, sorted by most found
• Each HTML file could output a list of classes it found and replaced
  • index.html

    {
      'src/index.html': {
        original: [
          'example'
        ],
        atomized: [
          'rp__4',
          'rp__2a',
          'rp__2h'
        ]
      }
    }

  • This could then be used to show percent of total CSS used on a page. So if you have a homepage that only uses 2% of the total CSS, you may want to make a custom CSS file unique to it so the landing page loads faster. Or even just the "Above the fold" content.
• A very simple input string length versus output string length to get file size difference and compression percent.