Support » Plugin: PDF Flipbook, 3D Flipbook WordPress - DearFlip » Google PageSpeed Insights and GTMetrix

  • Resolved trying-my-best

    (@apatsidis123)


    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 deip

    (@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 deip

    (@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 deip

    (@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

    • This reply was modified 4 months ago by deip.
Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.