optimalisatie

Dear Superpoincare,

Thanks a lot for the valuable suggestions. I have fixed the bugs and implemented the suggestions in v2.3.3.

Best Regards,
Jan Jaap

Thanks for the review! The latest update includes an option to choose the position of the async loading of the CSS.

Regarding the inclusion of a minifier, I believe it is best to keep the plugin as simple and non-conflicting as possisble and to leave minification and other optimizations to existing plugins.

Hi superpoincare!

The async loading of the CSS from the header-position causes an extra factor to trigger the “Eliminate render-blocking JavaScript and CSS in above-the-fold content” warning.

I have included an option to choose the position in the latest update.

Best Regards,
Jan Jaap

Hi Superpoincare,

I’ve improved the full CSS extraction. It is now possible to select the CSS resources to include in the full CSS.

Best Regards,
Jan Jaap

Hi Alan!

Yes, the bug has been fixed in the latest releases.

Best Regards,
Jan Jaap

Hi Stesod,

It appears that the file optimization.class.php has not been completely uploaded.

Did you install the plugin by a manual FTP upload?

My first suggestion is to completely remove and then re-install the plugin.

Best Regards,
Jan Jaap

Hi Superoincare,

The plugin inserts the ob_callback from the WordPress init-hook with priority 99999.

W3 Total Cache starts the ob_callback instantly when it is included.

I will further test the issue.

Best Regards,
Jan Jaap

Hi András,

Would it be possible to share the url? You can conceal the url via https://www.goo.gl.

Best Regards,
Jan Jaap

Thank you for your comments!

The plugin has been made available as a tool for WordPress optimization specialists and advanced users. It really works well to achieve the best possible result.

The plugin is not intended to be easy to use. It is intended to provide the best possible result for optimization specialists.

I hope you will understand. Above the fold optimization is a difficult optimization.

Best Regards,
Jan Jaap

Penthouse.js (Critical CSS Generator) sources are included in the directory /node_modules/. They are 42MB uncompressed.

Screenshot:
https://optimalisatie.nl/images/penthousedir.png

More information about Penthouse.js:
https://github.com/pocketjoso/penthouse

My first impression is that the problem may have been caused by a server overload after starting PhantomJS via the “Generate Critical CSS”-button.

I hope you have found a different solution to achieve the desired Above the fold optimization. If not: the plugin Autoptimize offers an inline CSS field. You could use it together with the online Above the fold generator based on Penthouse.js or by generating Critical Path CSS manually via Grunt.js.

https://jonassebastianohlsson.com/criticalpathcssgenerator/

https://gruntjs.com/
https://github.com/pocketjoso/penthouse

Hi Markus,

The error indicates that there is a problem with the source CSS. There is no easy way around the problem then to resolve the problems in the source CSS, which will also result in more stability in diverse browsers.

You can also try to read the documentation of clean-CSS to find options to bypass the specific error.

https://github.com/jakubpawlowicz/clean-css

cleancss [options] source-file, [source-file, ...]

-h, --help                      Output usage information
-v, --version                   Output the version number
-b, --keep-line-breaks          Keep line breaks
--s0                            Remove all special comments, i.e. /*! comment */
--s1                            Remove all special comments but the first one
-r, --root [root-path]          A root path to which resolve absolute @import rules
                                and rebase relative URLs
-o, --output [output-file]      Use [output-file] as output instead of STDOUT
-s, --skip-import               Disable @import processing
--skip-rebase                   Disable URLs rebasing
--skip-advanced                 Disable advanced optimizations - selector & property merging,
                                reduction, etc.
--skip-aggressive-merging       Disable properties merging based on their order
--skip-media-merging            Disable <code>@media</code> merging
--skip-restructuring            Disable restructuring optimizations
--skip-shorthand-compacting     Disable shorthand compacting
--rounding-precision [N]        Rounds to <code>N</code> decimal places. Defaults to 2. -1 disables rounding.
-c, --compatibility [ie7|ie8]   Force compatibility mode (see Readme for advanced examples)
--source-map                    Enables building input's source map
--source-map-inline-sources     Enables inlining sources inside source map's <code>sourcesContent</code> field
--semantic-merging              Enables semantic merging mode by assuming BEM-like content (warning, this may break your styling!)
-d, --debug                     Shows debug information (minification time & compression efficiency)

Best Regards,
Jan Jaap

Hi Bob,

I regret to hear about your experience.

I do not believe the Above The Fold Optimization plugin can be the cause.

The plugin does not modify files and does not touch the theme directory. In fact, the goal of the plugin is to influence as little as possible to be usable next to other optimization plugins.

Did you manage to resolve the problem?

Best Regards,
Jan Jaap

Dear Etuonu,

Thank you for your review! The plugin has been made available as a tool for WordPress optimization specialists and advanced users. It really works well to achieve the best possible result.

Using the online generator should enable you to achieve a good quality above the fold CSS code. You will need to extract the full CSS from your website and copy it into the online generator to have it output the above the fold CSS code.

If this task is to difficult it would be required to hire an optimization specialist. You could have a look at https://www.wpfaster.org

Best Regards,
Jan Jaap

Your negative review is not justly.

The plugin offers the ability to generate above the fold CSS aswell, using multiple responsive dimensions and multiple pages and compressed using clean-CSS (the best possible result). The plugin also optimizes CSS delivery following the guidelines of Google, Autoptimize does not (yet) offer this feature.