Query Monitor 4

[johnbillion]

This issue is for general tracking and information about the next major release of Query Monitor, version 4, which switches from generating HTML output server-side in PHP to rendering components client-side with Preact.

Testing

You can download a built pre-release version of Query Monitor 4 from one of the 4.x releases here and then install and activate it just like a normal plugin.

Features

While there are some visual tweaks, this should be a mostly invisible change to end users. The big underlying improvement is the rendering performance and enablement of Fantastic Future Features.

This change radically improves rendering performance as it removes the need to output a huge blob of HTML server-side. Individual panels are rendered on-demand client side using data from a relatively performant data object and a fixed-size JavaScript bundle.

This change also facilitates future enhancements such as displaying full data from other requests (historical requests, Ajax/REST requests), lazily loading data, showing client-side collected data, remixing data into different views (graphs, timelines), and generally allowing the display of data to be disconnected from the current request.

With this change QM no longer has any external JavaScript dependencies, including jQuery, React, wp.i18n, etc. Everything is self-contained in the 100KB bundle.

Development

Development is now happening in the default develop branch. No further bug fixes or enhancements will be accepted into the 3.x version.

Back-compat

• Back-compat support for server-side PHP rendered panels in third-party plugins is in place. Such panels are indistinguishable from the client-side rendered panels that they sit alongside.
• In the initial release there will be no facility for a third-party plugin to implement its own client-side rendered panels. This is a future enhancement.

To-dos

There are still some to-dos to be to-done before the stable release. You can see the project board here.

Bug reports

Are you testing Query Monitor 4? You're amazing. Bugs can be reported by opening a regular issue here on the GitHub repo.