Google PageSpeed Insights and GTMetrix

  • Resolved trying-my-best

    (@apatsidis123)


    3 years, 10 months ago

    hi,

    I am using your plugin, so beautifull and easy. I am just wandering if it is possible to speed it up for GTMetrix and PageSpeed insights Score. I See a lot of errors about JS and Load times are relevant to dFlip book files or passive event listener audit fails for mydomain.com/wp-content/plugins/3d-flipbook-dflip-lite/assets/js/libs/mockup.min.js?ver=1.7.6.1.

    I am using Autoptimise and Cache enabler for all my websites, but in the one i have dFlip i have this kind of issues. Any known way to improve that?

    Regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Deepak Ghimire

    (@deip)

    Hi,

    We suggest using lightboxes(popup), we too do the same at our main page so that it loads faster.

    Using embedded mode will take extra time to process all the js files.

    Best regards,
    Deip

    Thread Starter trying-my-best

    (@apatsidis123)

    hi,
    Thanks for the fast reply

    By Embeded mode you mean this one [dflip id=”996643″ ][/dflip]
    and with lightbox you mean that one [dflip id=”996643″ type=”thumb” ][/dflip] ?

    regards

    Plugin Author Deepak Ghimire

    (@deip)

    Yes exactly. Embed will start the flipbook rightaway so it hampers page load. Its similar to adding youtube video in embedd or popup.

    Thread Starter trying-my-best

    (@apatsidis123)

    That is true i have this issue only on embeded ones, on the rest i get nice ranks.

    My issue is that on elementor page builder, the embeded one getting the proper size of the column width and heught, but if i set the type=thumb, it gets a specific small size. I read your instructions/documentetion how to set different size for the thumbnails but that changes ALL the pdf files.

    So if i need a specific PDF to resize its thumbnail i tried the #id.myclass{} to my child theme, and indeed it worked.

    the thing is that if i set the width:100% it is adjusting inside the elementor column, but if i set the height:100%, it sudenly shows nothing. Is there any better way to change the size of one specific thumbnail and be responsive?

    regards

    Plugin Author Deepak Ghimire

    (@deip)

    Hi,

    height behaves a little wierd than width.

    If the element where you have kept the thumb has specific height set/derived explicitly, then only it can transfer 100% height to thumb.

    When not set, the element height is 0, and 100% of 0 is also 0. We recommend setting explicit height.
    https://stackoverflow.com/questions/7049875/why-doesnt-height-100-work-to-expand-divs-to-the-screen-height

    Even with responsive such heights are defined in CSS.
    https://dearflip.com/how-to-create-responsive-covers-for-flipbooks/

    Check the case of “Case: Stretch background” if you are using the light version.

    Best Regards,
    Deip

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Google PageSpeed Insights and GTMetrix’ is closed to new replies.