Server Push for Concatenated Resources

Well shouldn’t be too difficult to hook into the autoptimize_filter_cache_getname filter to get the full URL to the optimized CSS/ JS and HTTP/2 push that instead of doing this manually? ??

Hey Frank,

I don’t immediately understand how that filter would work as the desired “push-button solution” or how to leverage it to automagically change headers as they are added via the HTTP/2 feature of this plugin. But okay; I’ll pass this along to Marcus, resident PHP adept.

Be well,
AJ

Have Marcus look at https://github.com/futtta/autoptimize/issues/49#issuecomment-305156931 for a (very) rough draft of how it _could_ work ??

Will do!

AJ

Hi AJ (and Optimizing Matters),

Thanks a lot for your feedback!

We are currently developing a new version of the plugin (v3) that will work differently. It will include advanced CSS optimization (PHP based) and concatenation and it will enable to selectively enable HTTP/2 Server Push for concatenated stylesheets or individual stylesheets.

The CSS optimization module contains many unique innovations, such as for example timed CSS loading and rendering. This makes it possible to load and unrender stylesheets based on for example a media query, or when an element scrolls into view.

On a mobile device this will enable to save +100 kb in data-transfer while the same page would load with +100 kb extra stylesheet data on big screens. There are many new abilities with the feature.

To enable professional performance tuning, the debug modus offers a Performance API object with several measure points. Using localStorage enables super fast CSS rendering (250kb CSS in 25ms, faster than the first paint and thus instant without using Critical CSS).

The new plugin will be a package of optimization modules that can be used stand alone or as a selection of modules. Some users were requesting that some of the functionality, such as PWA optimization, would be published as a separate plugin.

WordPress is currently reviewing our advanced Web Font Optimization plugin. Once that plugin is published and tested, the CSS, Javascript, PWA, HTML, Security Header and HTTP/2 optimization modules will be made available. Each plugin will have 100% focus on a aspect of web performance, making it more easy to improve the quality over time.

You can follow the developments on our Github page. A beta of the Web Font Optimization module is available on Github.

https://github.com/o10n-x/

Wow, very impressive ??

Very much looking forward to this.

Be well,
AJ

A prototype of our CSS optimization plugin has been published on Github.

If you are interested to help with testing / provide feedback / feature requests, it would be appreciated!

https://github.com/o10n-x/wordpress-css-optimization

The CSS editor is available with 30 themes. It makes CSS editing more easy and fun.

We’re going to try and find some time to test this, o10n.

Be well,
AJ

Hi AJ,

Thanks a lot for your suggestions and help!

HTTP/2 Optimization is available for testing as well.

https://github.com/o10n-x/wordpress-http2-optimization

The plugins are pretty safe, I would use them on a production website after basic testing. There may be bugs, but they will mostly be related to complex server environment issues so if it works for an individual website, it will be stable.

There are some areas that need to be improved, such as cache maintenance and control, but for an average website there should be no problem with the current setup.

The client is optimized using Google Closure Compiler with ES5 Strict Mode so it should be pretty stable and fast on all devices.

In regards to optimization, the client is optimized to save every byte. It only loads parts that are actually needed. For example, when you don’t use timed CSS loading (e.g. responsive CSS loading) then that part will not be included in the client, saving bandwidth.

Javascript optimization is available for testing as well.

https://github.com/o10n-x/wordpress-javascript-optimization

A new innovation is timed javascript execution. It will enable even the most javascript heavy websites to achieve the fastest first page load speed and performance scores. Scripts can be loaded in the background on domready or CPU idle time and executed on element scrolled into view, a Media Query and other methods.