1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Divi Ultimate Page Load "Blink"

Discussion in 'Basic Support Forum' started by Don Johnson, Aug 5, 2020.

  1. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    Not sure how to describe this. Just finished another site in Divi Ultimate and when I go to load a page it shows an unstylized blink and then loads the actual page. I am not sure if this is a Divi Ultimate thing, a Divi thing or something else. Hopefully there is a way to fix this.

    I created a screencast so you could slow it down to see what I was saying.

    https://www.screencast.com/t/m2GM36QKI

    https://steri-apps.com/
     

    Attached Files:

    #1 Don Johnson, Aug 5, 2020
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Check this out: https://divi.help/threads/glitch-when-loading-site.2311/#post-7235
     
    #2 Divi.Help Pro Support, Aug 5, 2020
  3. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    #3 Don Johnson, Aug 6, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  4. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    Unfortunately I spoke too soon. This solution worked on all the Wordpress pages. However the WooCommerce pages are still blinking.

    I hate the idea of a preloader plugin. Is there any other way that you know of?
     
    #4 Don Johnson, Aug 6, 2020
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Divi Static CSS File Generation doesn't seem to work on injected elements for custom post type pages. There's nothing we can do about that.

    If you do not wish to use preloader, then the only workaround is to use Divi Theme Builder for your custom header. It seems to work with Static CSS File for custom post type pages.
    **But do note that if you use your custom header style in Divi Theme Builder, you will need to create a new section for the mobile menu.
     
    #5 Divi.Help Pro Support, Aug 7, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  6. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)


    I appreciate your reply. Clearly this isn't really a Divi Ultimate issue per se. Unfortunately even with Static CSS File Generation, WP Rocket and a Preloader Plugin the WooCommerce pages are flashing (even before the preloader shows).

    https://steri-apps.com/shop/
     
    #6 Don Johnson, Aug 7, 2020
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It looks fine to me. The reason it might still be flashing to you: The CSS of the preloader is loaded through a file. Might be done by your cache plugin.

    To make the preloader CSS loaded inline, you may try:
    1. Go to edit your custom header in WP Admin > Divi > DU - Header
    2. Look for existing code module or add a new code module & add the below code:
    Code:
    Log In or Sign Up to view this code.
     
    #7 Divi.Help Pro Support, Aug 7, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  8. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    Again I truly appreciate your help. By the time you saw it I had changed preloader plugins. The previous preloader plugin was still showing the blink, switching to the Smart Preloader fixed the issue.
     
    #8 Don Johnson, Aug 7, 2020
    Divi.Help Pro Support likes this.
  9. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    If you don't mind a follow up question...the "preloader" works, but my client is constantly complaining about it.

    You suggested the only workaround is to use Divi Theme Builder for your custom header. It seems to work with Static CSS File for custom post type pages.

    Is there a link or explanation on how to do this?
     
    #9 Don Johnson, Aug 11, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Here are the steps:
    1. Go to WP Admin > Divi > Theme Builder.
    2. Click "Add Global Header" > Add From Library > Your Saved Layouts > Your custom header style
    3. And lastly you will need to add a new section for your mobile menu (Fullwidth section + menu module). Then set it to show on mobile only in the Section Settings > Advanced > Visibility.
     
    #10 Divi.Help Pro Support, Aug 11, 2020
  11. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    Again thanks for the answer. Unfortunately I am not sure if that will work. I actually removed the Divi Ultimate header and tested the Standard Header...the header loaded as normal but the WooCommerce pages "flashed" once the page loaded the first of the builder content.

    And now..the site is "flashing" BEFORE the preloader loads....this is a nightmare haha.
     
    #11 Don Johnson, Aug 12, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  12. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Sorry to say that that's all the workaround / advice that we know of. Don't have any further advice on that.
     
    #12 Divi.Help Pro Support, Aug 12, 2020
  13. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    I appreciate it. I do have one more issue, and figured I wouldn't start a new thread.

    At Checkout...once order is submitted...the Header Breaks. Is this just another instance that suggests I need to switch over to the Theme Builder Custom header option?
     

    Attached Files:

    #13 Don Johnson, Aug 22, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  14. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Since you're using preloader, try to disable Static CSS File Cache & see if it works: WP Admin > Divi > Theme Options > Builder > Advanced > Static CSS File Generation > Disabled
     
    #14 Divi.Help Pro Support, Aug 22, 2020
(You must log in or sign up to post here.)