Title: CSS/JS code issues -&gt; Google PageSpeed Insights
Last modified: June 30, 2023

---

# CSS/JS code issues -> Google PageSpeed Insights

 *  Resolved [yellowfellow333](https://wordpress.org/support/users/yellowfellow333/)
 * (@yellowfellow333)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/css-js-code-issues-google-pagespeed-insights-2/)
 * Hi 3D FlipBook team,
   1st I want to say that your plugin is really great and that
   we’re happy you’ve also a great and really EASY to use documentation for customizations.
   Sadly the code behind your plugin seems not to be 100% perfect So we ask you 
   to patch some things.1st of all you didn’t implement “**font-display: swap;**”
   into your “themify-icons.css” / “themify-icons.min.css”. We’ve updated that by
   hand locally now but like to see that in an update ([https://developer.chrome.com/docs/lighthouse/performance/font-display/](https://developer.chrome.com/docs/lighthouse/performance/font-display/)).
   I’d like it most, if one didn’t had to use that themify font at all (maybe via
   settings choice). And also not the Dashicons because we unload them for all our
   projects. Isn’t there another possibility to use SVG fonts or self-hosted fontawesome
   or something like that?Next point is **preventing outdated JavaScript from being
   served in modern browsers**. [https://pagespeed.web.dev/](https://pagespeed.web.dev/)
   is full of warnings about pdf.min.js, and three.min.jsmockup.min.js uses passive
   listeners, but Google says: “**Do not use passive listeners to improve scrolling
   performance**“.A HUGE performance increase would be **lazy loading** for the 
   dflips!For more than one flipbook you have the thumbnail solution which is absolutely
   fine. But we want to show the newest magazine issue directly on our home page
   way down the page. Sadly without lazy loading your plugin loads directly and 
   slows down page readyness. Only a bit but that could be avoided via lazy loading.
   Thank you in advance and best regards

Viewing 1 replies (of 1 total)

 *  Plugin Author [DearHive](https://wordpress.org/support/users/dearhive/)
 * (@dearhive)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/css-js-code-issues-google-pagespeed-insights-2/#post-16859800)
 * Hi
 * Thank you for your feedback. We are well aware of these issues. We have been 
   working continuously on the plugin. It’s a complex and heavy plugin. Yet we have
   been learning and improving.
 * These are issue that are limitations with version 1 when a embedded flipbook 
   is present, So we highly recommended using lightboxes.
 * We started working on new framework in version 2 and it’s really promising.
 * **With Embedded flipbooks below the fold where lazyload can make difference:**
 * v1 : [https://pagespeed.web.dev/analysis/https-lite-dearflip-com-document-layouts-for-dflip-flipbook-plugin/ehbb74ktum?form_factor=desktop](https://pagespeed.web.dev/analysis/https-lite-dearflip-com-document-layouts-for-dflip-flipbook-plugin/ehbb74ktum?form_factor=desktop)
 * v2.1: [https://pagespeed.web.dev/analysis/https-staging-dearflip-com-document-layouts-for-dflip-flipbook-plugin/foxzm1nvhp?form_factor=desktop](https://pagespeed.web.dev/analysis/https-staging-dearflip-com-document-layouts-for-dflip-flipbook-plugin/foxzm1nvhp?form_factor=desktop)
    1. We still use font-display:block. swap works good when the font is text font 
       not icon font. Rather we embedded the font into CSS file to reduce payload. 
       The font file doesn’t block anymore.
    2. JavaScripts are updated those errors and warning are not there in version 2
    3. Lazy load is added in version 2.1 and it’s under testing [https://staging.dearflip.com/document-layouts-for-dflip-flipbook-plugin/](https://staging.dearflip.com/document-layouts-for-dflip-flipbook-plugin/)
 * We may never achieve 100% and be perfect, but we can always try improving.
 * Version 2 will be available for lite version in July 2023.
 * It will take some months for version 2.1 to rollout to lite version. probably
   around Nov-Dec 2023. Sadly I am the only one person developing the plugin.
 * Best Regards,
 * DearHive
    -  This reply was modified 2 years, 11 months ago by [DearHive](https://wordpress.org/support/users/dearhive/).

Viewing 1 replies (of 1 total)

The topic ‘CSS/JS code issues -> Google PageSpeed Insights’ is closed to new replies.

 * ![](https://ps.w.org/3d-flipbook-dflip-lite/assets/icon-128x128.gif?rev=3175518)
 * [DearFlip - PDF Flipbook, 3D Flipbook, PDF embed, PDF viewer](https://wordpress.org/plugins/3d-flipbook-dflip-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/3d-flipbook-dflip-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/3d-flipbook-dflip-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/3d-flipbook-dflip-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/3d-flipbook-dflip-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/3d-flipbook-dflip-lite/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [development](https://wordpress.org/support/topic-tag/development/)
 * [js](https://wordpress.org/support/topic-tag/js/)
 * [PageSpeed Insights](https://wordpress.org/support/topic-tag/pagespeed-insights/)
 * [update](https://wordpress.org/support/topic-tag/update/)

 * 1 reply
 * 2 participants
 * Last reply from: [DearHive](https://wordpress.org/support/users/dearhive/)
 * Last activity: [2 years, 11 months ago](https://wordpress.org/support/topic/css-js-code-issues-google-pagespeed-insights-2/#post-16859800)
 * Status: resolved