[Support request] Possible conflict with Fast Velocity Minify plugin

Home Forums Support Possible conflict with Fast Velocity Minify plugin

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1172014
    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

    #1172083
    Tom
    Lead Developer
    Lead Developer

    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.

    #1172588
    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?

    #1172838
    Tom
    Lead Developer
    Lead Developer

    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' );
    } );
    #1173427
    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

    #1173461
    Carsten

    Added the code, but the issue persists

    #1173696
    David
    Staff
    Customer Support

    Hi there,

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

    #1173912
    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.

    #1173948
    Tom
    Lead Developer
    Lead Developer

    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 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.