› Rooms › Site Optimization/Hosting › Make CSS work from the beginning

Tagged: , , ,

Viewing 3 reply threads
    • 16 December 2021 at 7:02 am #2256
      Lynne Guistic
      Participant
        @lynne
        First Steps Badge DiviCom Friend Badge
        DiviCom Participant Badge
        Up
        0
        Down
        ::

        Hello all, the website loads first html and then CSS, so it has a weird display of information first, and in some seconds it shows as it should. How can I make it appears with the CSS already applied from the beginning?
        I attach the screenshots in order of loading, with the last one being with the CSS loaded. How can I do that? thanks a lot.
        Website:

        https://www.fedewenzelski.com/

        • This topic was modified 1 year, 5 months ago by Lynne Guistic. Reason: add gtmetrix
        Attachments:
      • 16 December 2021 at 7:04 am #2261
        Hugh N. Cry
        Participant
          @hugh
          DiviCom Participant Badge
          Up
          0
          Down
          ::

          https://duckduckgo.com/?q=divi+fouc

          • 16 December 2021 at 7:05 am #2262
            Lynne Guistic
            Participant
              @lynne
              First Steps Badge DiviCom Friend Badge
              DiviCom Participant Badge
              Up
              0
              Down
              ::

              @hugh I tried inserting that code on the head, but it did not solve the issue I’m afraid…

          • 16 December 2021 at 7:09 am #2265
            Terry Hale
            Keymaster
              @mizagorn
              DiviCom Big Supporter Badge First Steps Badge DiviCom Responsiveness Badge Code Savant Badge New Beginnings Badge
              DiviCom Participant Badge
              Up
              0
              Down
              ::

              This has been discussed several times in the group recently. One thing is to increase the critical CSS threshold height in the Divi performance settings.

            • 16 December 2021 at 7:12 am #2269
              Terry Hale
              Keymaster
                @mizagorn
                DiviCom Big Supporter Badge First Steps Badge DiviCom Responsiveness Badge Code Savant Badge New Beginnings Badge
                DiviCom Participant Badge
                Up
                0
                Down
                ::

                @lynne, open an Incognito Chrome window then load your site. Incognito prevents extensions, etc. from affecting the real world analysis.

                Use your dev tools and click on the Lighthouse tab. Run the analysis and it will give you several tips.

                Then follow the instructions about “code coverage” in the link below to analyze code (javascript and css) usage. With this you will see that your Siteground optimization is ironically taking a lot of time! (See image)

                The SG plugin does not usually play with with Divi optimization. You should use SG only on assets that are not provided by and covered by Divi’s optimizations.

                Attachments:
                • 16 December 2021 at 7:13 am #2271
                  Lynne Guistic
                  Participant
                    @lynne
                    First Steps Badge DiviCom Friend Badge
                    DiviCom Participant Badge
                    Up
                    0
                    Down
                    ::

                    @mizagorn great feedback! Thanks a lot. I disable combine JS on SG-optimizer. That seems was slowing everything down. Is the issue resolve?

                    • 16 December 2021 at 7:23 am #2274
                      Terry Hale
                      Keymaster
                        @mizagorn
                        DiviCom Big Supporter Badge First Steps Badge DiviCom Responsiveness Badge Code Savant Badge New Beginnings Badge
                        DiviCom Participant Badge
                        Up
                        0
                        Down
                        ::

                        @lynne definitely an improvement! The biggest problem seems to be all the plugins you have. Divi can’t fix that, so you have to rely on your SG optimizer.

                        You might look into somehow loading javascript for plugins only on pages that need it, like the Popups for Divi and date-time picker.
                Viewing 3 reply threads
                • You must be logged in to reply to this topic.