• Resolved TuppenceMagazine

    (@tuppencemagazine)


    Hi Raul,

    I’ve recently updated to version 2.1.3, but unfortunately now my site breaks and doesn’t load at all. I’ve identified that it’s related to inlining all header CSS, so I’ve deselected that check box, which has returned the site. However, I’d ideally like to get the functionality back.

    FVM had helped the site to get up to 90/100 for most pages in Google page speed, but the lack of inline all header CSS has knocked this back a bit. Is this a known issue relating to the update?

    We love the plugin, by the way, so would be great to get this back working.

    Thanks,

    Gerard

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Raul P.

    (@alignak)

    Hi Gerard,

    Sorry to hear that.
    I have the inline css option working fine on a lot of my client sites.

    What happens here, is that I have updated the CSS and JS minification engine (PHP Minify) so, some things are bound to happen on some servers.

    Can you do a quick testing for me, please?

    a) On the settings page, select the “Disable minification on CSS files” and the Inline CSS option, and save.
    On the status page, purge the cache.
    Does that fix your issue?

    b) If not, additionally select the “Use the alternative HTML minification” option and save. Again, purge the cache and try again.

    c) If all the above fails, can you disable html minification completely and try again?

    d) And again, if it fails, can you tick the “Preserve the order of CSS files” and try again.

    This is to help me determine where the exact issue is.
    Soon, we will have a new CSS and JS minification library, because it seems PHP Minify (used on W3 Total Cache and a lot of plugins) breaks some of them.

    Thread Starter TuppenceMagazine

    (@tuppencemagazine)

    Hi Raul,

    A) didn’t work, but when I added in B) the site comes back up. Thanks a lot for providing the notes so quickly and helping to resolve the issue. It’s much appreciated.

    Is there any way I’ll eventually be able to put CSS minification back in?

    Gerard

    Thread Starter TuppenceMagazine

    (@tuppencemagazine)

    Hi Raul,

    I’m not sure if it’s useful, but I’ve noticed that there are a number of new errors today in developer tools:

    (index):1606 Uncaught ReferenceError: tdBlock is not defined
    at (index):1606
    (anonymous) @ (index):1606
    (index):1617 Uncaught ReferenceError: tdBlock is not defined
    at (index):1617
    (anonymous) @ (index):1617
    (index):1634 Uncaught SyntaxError: Unexpected end of input
    (index):1635 Uncaught SyntaxError: Unexpected end of input
    (index):1635 Uncaught ReferenceError: jQuery is not defined
    at (index):1635
    (anonymous) @ (index):1635
    (index):1635 Uncaught SyntaxError: Unexpected end of input

    These remain even if I disable minification on HTML.

    Thanks,

    Gerard

    Plugin Author Raul P.

    (@alignak)

    If you already followed the steps I gave you earlier and it didn’t fix, the issue you have is with javascript.
    Perhaps there were some updates that could have broken something?

    Furthermore, those console errors are also related to JS files.
    Are you selecting the advanced option of deferring javascript?

    Your theme, seems to depend on jQuery, somewhere on the page (line 1635) (jQuery is not defined), therefore you cannot defer jQuery for your site.

    If you deselect any defer js option, and purge the cache on the plugin, do these errors still show on the console?
    And what if you also select the disable JS minification?
    And if still, what if you disable the JS processing completely?

    (we are trying to find exactly where it breaks here)

    • This reply was modified 7 years, 4 months ago by Raul P..
    Thread Starter TuppenceMagazine

    (@tuppencemagazine)

    Hi Raul,

    I think it’s pretty much fixed now, so thanks for all of the help. You were right about the jQuery for the site, so I’ve set it to skip deferring the jQuery library, which lets me keep the deferred parsing of JS files.

    For the Inline CSS issue, this was fixed by turning off minification of HTML. It’s a small price, but it did the trick. I don’t have any errors on Dev Tools and my page speed score is pretty healthy too.

    Great plugin by the way. It definitely changed after updating, but the new settings seem to have fixed that.

    Thanks,

    Gerard

    Plugin Author Raul P.

    (@alignak)

    Did the alternative html minification also not work?
    That one, only strips 2+ white spaces, linebreaks and tabs… so it should work.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Version 2.1.3 breaks my site with Inline all header CSS files checked’ is closed to new replies.