[Support request] Possible conflict with Fast Velocity Minify plugin

[Carsten]

Hi there, I’m experiencing a strange issue on mobile with the GP theme with Fast Velocity Minify plugin (to improve speed score) installed.

On mobile menus in header and footer does not react, neither the login on the page.

No issues with the plugin deactivated. This issue is with GP, both child and main theme, and there are no issues with Twenty Twenty theme activated.

Cache has been cleared, can you please confirm this issue on my page, which is only in mobile mode on mobile or by toggling mobile mode in the Inspector.

Regards
Carsten

[Tom]

Hi there,

I’m seeing a few javascript errors on the page. If you right-click + Inspect the page, you’ll see them in the “Console” tab.

It looks like you may need to exclude jQuery itself from the minification.

[Carsten]

Thanks for looking into this, I contacted the developer to see if excluding jQuery from minification can be done within the plugin.

Any explanation why this issue is seen with GP, not Twenty Twenty?

[Tom]

It’s impossible to tell without seeing the site with Twenty-Twenty.

The error I’m seeing is that jQuery is not defined. GeneratePress doesn’t define jQuery by default, as it doesn’t require it. Maybe Twenty-Twenty does?

You could try this function:

add_action( 'wp_enqueue_scripts', function() {
    wp_enqueue_script( 'jquery' );
} );

[Carsten]

Hi there,

GeneratePress doesn’t define jQuery by default, as it doesn’t require it.

Not sure if I should add this code, and what consequences it has, what exactly does this do for the theme, and why does some themes require this, and some don’t?

Regards

[Carsten]

Added the code, but the issue persists

[David]

Hi there,

if you disable Velocity plugin do you see any errors in the console ? Just worth eliminating a possible issue without the minification.

[Carsten]

Hi there, no errors in the console with Fast Velocity Minify deactivated.

I noticed that the errors is not only limited to mobile view as first stated, the console errors are there, but you can access and interact with the menu on the front page with screen sizes over 768px.

And with the plugin activated.
As long you are logged in the issue is gone, and you can use the pages without errors. So the issue appears only for non logged in users.

The issue is gone if I activate LiteSpeed cache plugin alone, but the problem here is that the page gets really slow due to render-blocking issues, without the Fast Velocity Minify plugin activated also.

Metrics
Performance 6%
First Contentful Paint
9.5 s
Speed Index
14.5 s
Time to Interactive
15.8 s
First Meaningful Paint
9.5 s
First CPU Idle
9.5 s
Max Potential First Input Delay
280 ms

OpportunitiesThese suggestions can help your page load faster. They don’t directly affect the Performance score.
Opportunity
Estimated Savings
Eliminate render-blocking resources
11.81 s
Reduce server response times (TTFB)
1.5 s
Minify JavaScript
0.15 s
Serve images in next-gen formats
0.15 s

Console errors with plugin active:

frontend.min.js:2 Uncaught ReferenceError: elementorModules is not defined
at Object.<anonymous> (frontend.min.js:2)
at __webpack_require__ (frontend.min.js:2)
at Object.<anonymous> (frontend.min.js:2)
at __webpack_require__ (frontend.min.js:2)
at Object.<anonymous> (frontend.min.js:2)
at __webpack_require__ (frontend.min.js:2)
at frontend.min.js:2
at frontend.min.js:2
(anonymous) @ frontend.min.js:2
__webpack_require__ @ frontend.min.js:2
(anonymous) @ frontend.min.js:2
__webpack_require__ @ frontend.min.js:2
(anonymous) @ frontend.min.js:2
__webpack_require__ @ frontend.min.js:2
(anonymous) @ frontend.min.js:2
(anonymous) @ frontend.min.js:2
header-782c6ffe8c9af4d2f952ac1f0210770984510acb.min.js:3 JQMIGRATE: Migrate is installed, version 1.4.1
header-6d5e6091a4ae5a0bb096502ec14a614e97b11770.min.js:55 An error has occurred: _ is not defined
(anonymous) @ header-6d5e6091a4ae5a0bb096502ec14a614e97b11770.min.js:55
footer-3fa03590b7846de32d9c82767ffa2c61cf286d1d.min.js:31 true
header-6d5e6091a4ae5a0bb096502ec14a614e97b11770.min.js:98 Uncaught TypeError: mpp.Uploader is not a constructor
at HTMLDocument.<anonymous> (header-6d5e6091a4ae5a0bb096502ec14a614e97b11770.min.js:98)
at i (jquery.js:2)
at Object.fireWith [as resolveWith] (jquery.js:2)
at Function.ready (jquery.js:2)
at HTMLDocument.J (jquery.js:2)`

`[Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://domain.com/wp-content/themes/generatepress/fonts/generatepress.woff2
(index):1 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://domain.com/wp-content/plugins/gp-premium/general/icons/gp-premium.ttf
frontend.min.js:2 Uncaught ReferenceError: elementorModules is not defined
at Object.<anonymous> (frontend.min.js:2)
at __webpack_require__ (frontend.min.js:2)
at Object.<anonymous> (frontend.min.js:2)
at __webpack_require__ (frontend.min.js:2)
at Object.<anonymous> (frontend.min.js:2)
at __webpack_require__ (frontend.min.js:2)
at frontend.min.js:2
at frontend.min.js:2
(anonymous) @ frontend.min.js:2
__webpack_require__ @ frontend.min.js:2
(anonymous) @ frontend.min.js:2
__webpack_require__ @ frontend.min.js:2
(anonymous) @ frontend.min.js:2
__webpack_require__ @ frontend.min.js:2
(anonymous) @ frontend.min.js:2
(anonymous) @ frontend.min.js:2
header-782c6ffe8c9af4d2f952ac1f0210770984510acb.min.js:3 JQMIGRATE: Migrate is installed, version 1.4.1
header-6d5e6091a4ae5a0bb096502ec14a614e97b11770.min.js:55 An error has occurred: _ is not defined
(anonymous) @ header-6d5e6091a4ae5a0bb096502ec14a614e97b11770.min.js:55
footer-3fa03590b7846de32d9c82767ffa2c61cf286d1d.min.js:31 true
header-6d5e6091a4ae5a0bb096502ec14a614e97b11770.min.js:98 Uncaught TypeError: mpp.Uploader is not a constructor
at HTMLDocument.<anonymous> (header-6d5e6091a4ae5a0bb096502ec14a614e97b11770.min.js:98)
at i (jquery.js:2)
at Object.fireWith [as resolveWith] (jquery.js:2)
at Function.ready (jquery.js:2)
at HTMLDocument.J (jquery.js:2)

Sorry it gets a bit complicated, but there are no simple way of explaining this issue.
My goal is to speed up my site, but for some reason using LiteSpeed creates a render blocking issue, and Fast Velocity Minify plugin has a positive effect on that.

Thanks, for looking into this.

[Tom]

It just seems like the minify plugin is breaking scripts on your website. Have you reported these errors to the developers? They might have tips specific to their plugin to prevent this kind of thing.

Let me know 🙂

[Author]

Posts