Skip to content

tannerhodges/perfwatch

Repository files navigation

⏱️ perfwatch

App for watching performance changes during local development.

npm install
npm start
<!-- ⏱️ perfwatch - ONLY FOR LOCAL DEVELOPMENT -->
<script async src="http://localhost:1873/perfwatch.js"></script>

Screenshot of perfwatch prototype

Notes

TODOs

  • Get file diffs.
  • Annotate timeline with file diffs.
  • Keep logs for different sites separate. I.e., switch between multiple projects.
  • Notify when metrics change significantly.
  • Add error notifications.
  • Compare timeline ranges.
  • Detect environment settings (e.g., device and connection speed).
  • Document adblockers blocking cross-origin beacons to http://localhost:1873.
  • Troubleshoot custom service worker throwing The FetchEvent for "http://localhost:1873/perfwatch.js" resulted in a network error response: an object that was not a Response was passed to respondWith().

About

Monitor performance changes during development.

Resources

Stars

Watchers

Forks

Packages

No packages published