Free Tools

🚀   /   Free Tools

PageSpeed.PRO publishes free optimization tools under the name Style.Tools.

  1. browser-widget - DevTools for frontend optimization (FEO).
  2. $async - Professional async CSS and script loader.
  3. $lazy - Professional lazy loader and in-view callback.
  4. Critical CSS generator - A PostCSS based critical CSS generator with Puppeteer-like browser control that can achieve 100% accuracy.
  5. Unused CSS remover - Advanced unused CSS extractor & remover.
  6. Duplicate CSS remover - Duplicate CSS remover.

Documentation is available on docs.style.tools.



DevTools for frontend optimization (FEO)

The Style.Tools project started as a free browser-widget that provides a sort of DevTools (developer tools) for frontend optimization (FEO).

Style.Tools is available with 1 click on any page on the internet, including pages behind a login.

Start Style.Tools🔬 FEO

The Style.Tools widget provides many state of the art optimization tools, including:

  1. CSS editor with themes
  2. Critical CSS generator
  3. Unused CSS extractor and remover
  4. Duplicate CSS remover
  5. CSS beautify
  6. CSS code optimization (clean-css)
  7. CSS code repair (fix malformed CSS)
  8. CSS lint (quality checks)
  9. CSS statistics (analysis)
  10. PostCSS plugins: autoprefixer and many more
  11. Above-the-fold optimizer

The widget provides localhost and offline support via a Service Worker on domain style.tools. You can use many of the features locally without an internet connection. The cache for preferences is preserved across domains.

Documentation is available on docs.style.tools.

here
avatar