How to make Rocket Loader work with Lucide

    Hello. Yes Rocket Loader works, but have more visual problem. Menu draw, members view etc. Looks like buggy*. On app - screen not adopted. Any idea how to fix it. Thanks.

  • 504
  • More
Replies (12)
    • Hello Roman !

      May you provide us the screenshots of the "problem places"? Also please specify - did you modify your Lucid (via Studio or files)?

      • Rocket Loader makes the site very fast mainly because of inline script  but it makes many things break down. UNA has many script (too many in my opinion) that don't corporate with 

        https://support.cloudflare.com/hc/en-us/articles/200168056-What-does-Rocket-Loader-do- 

        • Hello thx, i don't modify lucid and can give you access to my test site.

          • Really fast! I can Off it on some page but javascript (menu, etc blink every time and move elements on loading). 

            • You can have Rocket Loader ignore individual scripts by adding the data-cfasync="false" attribute to the relevant script tag, for example:
              <script data-cfasync="false" src="/javascript.js"></script>
              Rocket Loader will still optimise the loading of all other scripts on the page.

              Notes:

              1. Adding this attribute within JavaScript will not work if you wish to exclude the script from Rocket Loader.
              2. If the script you want Rocket Loader to ignore has dependency on other JavaScript(s) on the page, those depedencies must also have the data-cfasync="false" attribute added.
              3. The 'data-cfasync' attribute must be added before the 'src' attribute. 
              4. Rocket Loader will recognise the tag when either single or double quotes are placed around the attribute value. 
              • Thx Leonid, we start but don't win. At now ask how to add <script data-cfasync="false" src=" in una for individual javascript without designer injection script data-cfasync="false" src=" because i comment and delete from database its not good. And we try bxmoremenu that's dont change menu loading result(

                • You can have Rocket Loader ignore individual scripts by adding the data-cfasync="false" attribute to the relevant script tag, for example:
                  Rocket Loader will still optimise the loading of all other scripts on the page.

                  Notes:

                  1. Adding this attribute within JavaScript will not work if you wish to exclude the script from Rocket Loader.
                  2. If the script you want Rocket Loader to ignore has dependency on other JavaScript(s) on the page, those depedencies must also have the data-cfasync="false" attribute added.
                  3. The 'data-cfasync' attribute must be added before the 'src' attribute. 
                  4. Rocket Loader will recognise the tag when either single or double quotes are placed around the attribute value. 

                  I think it's possible to do it without modifications in core files

                  - insert needed scripts in Studio > Designer > Injections > Head with data-cfasync="false" tags specified

                  - deactivate scripts which were added using injections above in `sys_preloader` by setting `active` field to 0

                  • image_transcoder.php?o=bx_froala_image&h=3909&dpx=1&t=1598278303

                    i deactivate all that and add injections but still load two version!

                    • clear cache etc

                      • After all i disable some scripts manualy but still dont find what make buggy near logo(

                        • What javascripts paint this menu?

                          • It not so easy to make parametrs ignore because something generate directly in una( bye Rocket Loader. 

                            Login or Join to comment.