Consider Plugin Architecture and Performance Budget

Considering that some functionality may or may not be desired by everyone (like site search), it would be great to have the ability to toggle certain features like plugins that can reduce bloat to the javascript and treat the website functionality like an audited budget based on size and time.

For example, when you enable a plugin it gets bundled into the (I assume split-loaded) webpack chunks that disperse extra MB and ms load time the website performance. https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/

 

Example UI:

Plugins (with performance budget)Current Budget (set) - 1.54MB

-------------------------------------------------------------------------------

(enabled) Site Search Plugin............................................X MB, Y ms load time

(enabled) Pagination Plugin.............................................X MB, Y ms load time

(disabled) Other Plugin.....................................................X MB, Y ms load time

(disabled) Other Plugin.....................................................X MB, Y ms load time

-------------------------------------------------------------------------------

Performance Summary Total...........................................3.4MB, 3 ms load time

Recommendations:

You are currently over budget. We found X instances of pagination on your website. Try removing your pagination plugin to save X MB, and Y ms load time.

  • Cameron Roe
  • Jun 25 2017
  • and 2 more