Blank space, where slider should be / Display problems - Autoptimize plugin

Problem:

  • Slider doesn't load, only an empty space
  • Autoptimize plugin is used
  • Slider looks wrong while Autoptimize's minifications are used
  • TypeError: window.n2jQuery is undefined

Solution:

Turn on the  Async options at the Framework Settings, because this way our files will be called in differently.

You could also try to exclude our files and codes, using the Autoptimize given options, with these keywords:
n2, smartslider3

You could also try to turn off the inline CSS code minification, because they are already quite optimized, so this shouldn't matter.

Autoptimize has an option at the JavaScript Options called Force JavaScript in <head>. This option moves JavaScript codes from the body into the head, but not in the original order and this can caused problems too.

But the JavaScript merging and minification of this plugin is causing errors in many plugins, which are making our slider to not to load, so you could turn these options off.

If you can't see these options, turn on the Show advanced settings on the top right:

If you don't have Autoptimize installed, check out this documentation instead.