JavaScript Options showing Error 500 and site vanished

  • Hi,

    First, thanks for this awesome plugin.
    For CSS optimization, it worked absolutely fine… but I need little help with JavaScript Options.

    1. As soon as I activate the option the site vanishes and error: 500 comes up.
    To test what’s going wrong I added most of the .js files in exclude option… still same issue.

    These are excluded…
    ?w3tc_minify=8e4e0.default.include.bfb3c8.js
    wp-emoji-release.min.js
    js/jquery/jquery.js
    analytics.js
    plugins/contact-form-7/includes/js/jquery.form.min.js
    plugins/contact-form-7/includes/js/scripts.js
    js/comment-reply.min.js, js/wp-embed.min.js
    plugins/wysija-newsletters/js/validate/languages/jquery.validationEngine-en.js
    plugins/wysija-newsletters/js/validate/jquery.validationEngine.js
    plugins/wysija-newsletters/js/front-subscribers.js

    2. Is there any option to optimize specific js file? Or push those to footer?
    3. How to exclude google javascripts? E.g.: AdSense, google analytics etc?

    Please help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Frank Goossens

    (@futtta)

    ?w3tc_minify=8e4e0.default.include.bfb3c8.js

    seems to imply you also have W3TC minification option active, which is a NO-NO; minifiers are a jealous bunch, so you’ll have to choose which one to use. if you want to go with AO, you’ll have to disable all minification in W3TC.

    2. Is there any option to optimize specific js file?

    yes; cfr. FAQ for info on the different ways to exclude.

    Or push those to footer?

    no, that’s not possible (well, there’s a filter which will push all JS further down if you insist)

    3. How to exclude google javascripts? E.g.: AdSense, google analytics etc?

    in general it’s excluded by default as those are external JS-files (hosted on another server), which AO does not touch.

    hope this helps,
    frank

    Thread Starter nilotpal01

    (@nilotpal01)

    Hi Frank,

    Thanks for the quick reply.
    I followed you and it’s perfectly worked… W3TC was the culprit.

    1 more help please… my total CSS code is more than 800K and so I am unable use the tool from FAQ to generate Critical Path CSS. I tried split test… it’s returning no result.

    How can I perform the process? Please help

    Plugin Author Frank Goossens

    (@futtta)

    well, there are other options; criticalcss.com (premium) or this bookmarklet?

    Thread Starter nilotpal01

    (@nilotpal01)

    Thanks Frank for your quick support.

    I have added ‘Above the fold CSS’ and my desktop rating jumped to 90% in pagespeed. But in mobile version the combined css still blocking render. I could find that the mobile page is loading from the ‘Above the fold CSS’ I added (which is actually from the desktop version) and then loading the actual mobile version from the combined css.

    1. How to get ‘Above the fold CSS’ for mobile version?
    2. How to combine both desktop & mobile ‘Above the fold CSS’ to add in Autoptimize?

    Please help to get rid of this.

    Regards

    Plugin Author Frank Goossens

    (@futtta)

    hmm … do you use a responsive theme (so same theme adapting between mobile & desktop) or are you using a specific mobile-only solution (wp touch plugin or similar) for mobile?

    Thread Starter nilotpal01

    (@nilotpal01)

    It’s a responsive theme… same theme adapting between mobile & desktop. Though there are some basic mobile-specific customizations available (color schemes, logo etc.).

    Plugin Author Frank Goossens

    (@futtta)

    well, in that case you could try tweaking the CSS manually or you could check with the developer(s) of the tool you used the critical css?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘JavaScript Options showing Error 500 and site vanished’ is closed to new replies.