o10n

Hi cloudduster,

Thanks a lot for your time to test the plugin again!

We are very sorry for the issue. The issue was caused by a PHP version related bug in a core that is currently in beta.

We have added PHP Unit Tests and a Travis CI build test and the issues are now solved voor PHP v5.4+.

https://github.com/o10n-x/wordpress-cloudfront-page-cache

Our company is focused on cutting edge innovation first. We were planning to add dedicated test engineers to the team to convert the innovation into reliable plugins but we didn’t find an engineer yet (there is a vacancy on UpWork). Our test server has just recently been installed so we are behind on that aspect. The plugin was already working well in newer PHP versions. With the new build test, the plugin will be more reliable. Next updates will be distributions from Travis CI after passing more comprehensive tests.

If you are still interested to test the plugin we are very interested in your feedback / feature requests!

The bug should be resolved in the last update.

The previous version called a class reference from an array. This has probably been the cause of the error.

$array['controller']::static_method

Hi sirtaptap,

Thank you very much for the bug report!

The PWA optimization extension of the ABTF plugin is a first version.

We are currently developing a new PWA optimization plugin that will be better designed and it includes many new innovations, including HTML fragment streaming and a Web Worker for offloading Service Worker tasks to make the SW more efficient for navigation.

We will investigate the issue and solve it in the new plugin.

WordPress has been blocking plugin submission for over two weeks, but our new plugins are already available on Github.

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

Once the PWA optimization plugin is ready, the ABTF plugin will be replaceable with the new plugins (a combination of optimization plugins that can be used together as one efficient plugin, or stand alone, e.g. just the PWA Optimization plugin).

• This reply was modified 7 years ago by Ipstenu (Mika Epstein).

Javascript optimization is now available as well.

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

The CSS Optimization plugin (and other plugins) have been updated and will continue to receive frequent updates.

Regrettably, WordPress is still blocking the plugins. One of our team members is currently working on it and is waiting for a reply. Installation is currently only possible manually.

• This reply was modified 7 years ago by o10n.

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.

Hi Shudock,

What you are seeing is called a Flash of Unstyled Content (FOUC).

The critical CSS configuration is empty. You can view the result in the HTML source:

<style type="text/css" id="AbtfCSS" data-abtf>
/*!
 * Page Speed Optimization 2.9.10
 * 
 * ------------------------------------
 *    WARNING: CRITICAL CSS IS EMPTY     
 * ------------------------------------
 */
</style>

The plugin includes a critical CSS editor:

https://becausechickens.com/?critical-css-editor=1

We have published a new CSS Optimization plugin that provides many new options and better optimization quality. WordPress has been blocking plugin submission for a week but the plugin can be downloaded from Github (an open source platform).

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

If you would be interested to install the new CSS Optimization plugin, you can simply download the zip file and unzip it in the plugin directory /wp-content/plugins/.

The new optimization plugins will replace the existing Page Speed Optimization plugin. The currently missing plugins are Javascript Optimization and Progressive Web App Optimization. Those plugins will be available soon and the plugins are designed to be modules that can be used together efficiently (the optimization plugins function together as a single plugin for optimal performance).

Currently available:

– HTTP/2 Optimization
– Web Font Optimization
– CSS Optimization

Later today:
– Security Header Optimization

Next weeks:
– HTML Optimization
– Javascript Optimization
– Progressive Web App Optimization
– Page Cache Optimization
– HTTP Cache Header Optimization

The CSS editor of the CSS Optimization plugin is available with +30 themes that enables more efficient (and fun) CSS editing while it also contains many professional tools such as CSS Lint and Clean CSS (professional).

Critical CSS management is also more efficient in the new plugin so we advise to use the new plugin for CSS and Critical CSS optimization.

If you have any questions, please let us know!

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.

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.

Hi hyperexpert07,

Thank you very much for your suggestion!

We have a unique CSS sprite innovation planned but it will be added last. It will enable per page full CSS sprite optimization (also for WooCommerce categories with hundreds of different small images per page). We optimized a webshop using CSS sprites in 2007 and it’s still faster than most PWA optimized websites. Loading all images of a page via CSS sprites can improve the render speed 6x to 10x.

https://www.stockbusters.eu/ (2007 optimization based on CSS sprites)

In regards to the data-uri suggestion, we will try to add it in the next version of the plugin.

We are currently developing a new version of the plugin (v3) that will work differently. It will include advanced CSS optimization (PHP based) and delivery optimization (async loading).

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/

• This reply was modified 7 years ago by o10n.

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/

Hi lenineto,

Thank you very much for your feedback!

The PWA Service Worker includes the header for requests so it’s not something that you could change on the server side. It is a bug.

The progressive web app optimization part of the plugin will soon be published as a separate plugin, with many new features and enhanced quality and performance. The plugin will be a optimization module that can be used efficiently with other optimization modules while it will also be possible to use the PWA optimization plugin stand alone as some users have requested.

WordPress is currently reviewing our advanced Web Font Optimization plugin. Once that plugin is published and tested, the PWA optimization plugin will be made available.

You can follow the developments on our Github page:

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