-
Posts
-
When the page linked in private loads, it doesnt load fully, some content is missing and then after a second the whole page refresh and load properly with the fading animation too, what is causing this weird loading sequence?
Hey kilimats,
Thank you for using Enfold.
We are not really sure why it’s happening. There are no redirects or page refresh when we check the network activity in the browser inspector tool. Did you add any custom scripts to the theme? Have you tried checking it while the plugins are disabled?
Best regards,
IsmaelThanks Ismael,
I’ve deactivated all plugin beside the one for woocommerce since without it the site no longer loads. Same issue of loading in 2 stages
I then switched to the default enfold theme (not child) and same issue
Lastly ive renamed the the child style.css and functions.php file with a .old and noticed the site looked diff due to bypassing those file but loading in 2 stages still :(
Anything else i should try? i noticed another weird thing, some line of code dont load properly from the style.css file, for example i have the code below in there but i still see the arrow when scrolling down, any idea why?
/*Hide scroll to top arrow */ #top #scroll-top-link { display: none !important; }Hi,
Could you please go to Enfold theme options > Performance tab and choose to load all elements and see if that helps? Tab section element’s assets seem to take some time to load.
Best regards,
YigitHi,
Sorry for the late reply, when I check your page I get this error just before the tab section shows up:client.js?9d5f84c:16 [WARNING] Crisp found shims of native JavaScript methods. This can alter the chatbox behavior and break things. Make sure not to override listed functions to ensure your chatbox works as expected. You may be looking for other JavaScript libraries in use on this page. You can disable this warning by adding: $crisp.push(["safe", true]) to your page JavaScript. Methods to check: (2) ["document.addEventListener", "document.removeEventListener"]You said that you tried disabling your plugins? Can we also try?
This is the line in the javascript from the error:
Best regards,
MikeYes i did disable all plugins, i just tried disabling CRISP plugin, the error you mentioned went away but the loading issue still is occuring, feel free to try that, i provided admin access above. Looks like a bug in enfold no?
Hi,
I have not seen this behavior before, but I would like to investigate by disabling all plugins first, to rule a conflict out, but I’m concerned that this is a live site, will this be ok? Perhaps your webhost offers one-click “staging site” so we can investigate without affecting your live site?Best regards,
MikeHi,
Ok, other than the crip error I found no changes in disabling the plugins, but I did find that you have “Load jQuery in your footer” in your performance settings, and disabling “Autoptimize” and “Cache Enabler” seemed to make a difference, since the element needs jQuery it was probably loading once your jQuery was available. I think “Autoptimize” also loads jQuery in the footer, but I didn’t find the setting I expected to see. Please check this out.
I was going to turn “Autoptimize” back on but the icons didn’t load when it was on, I think you’ll need to clear the cache, so I left it off because I didn’t think you wanted your site seen missing icons.Best regards,
MikeHi Mike,
THanks for taking a look.
I can’t recall for sure but i think auoptimize was disabled in the past. Can you clarify how you saw improvements?
I tried turning it back on but didnt see any speed boost, still the same weird reloading happened. I did find a way to fix the missing icon though by simply unchecking “Optimize CSS Code?” in autoptimize
Please let me know what the config should be to fix the weird delay in loading
EDIT i had to disable autoptimize again because the animation wouldn’t load reliably anymore :(
Hi,
When I took a look Autoptimize was on but so was the loading of the jQuery in the footer, anyways undoing these seemed to help, there was still a lag in the element loading but it seemed more normal.
Please give this a try.Best regards,
MikeHi,
Thanks for the video, I do see a loading lag. I will ask the rest of the team for their thoughts on what could be causing this.Best regards,
MikeHi,
Sorry for the late reply, I have not had any feedback on your “page loading behavior” but I do still expect to hear back. We thank you for your patience.
About your timeline animation which page is that on? I clicked through your pages but I didn’t see it.Best regards,
MikeThank you, the fading animation is on the first tab of the dashboard, it still fade even though the animation is disabled
Hi,
Please see the link in the Private Content area, is this the correct page? Because the first tab icon “dashboard” is not animating for me.Best regards,
MikeHi,
Oh, I think that has to do with the tab section loading last and the page making room for the section.Best regards,
MikeHi,
Yes I escalated it, and asked a second time, this may take a couple of days, Thank you for your patience.Best regards,
MikeHi,
The dev team has given me a list of tests to try.
I see that the login is still working, so I would like to copy the page /dashboard-v4-2/ to see why this is happening, is it ok if I do this and disable your plugins to ensure there is no conflict there?
I will want to copy your page so I don’t break your original.Best regards,
MikeHi,
Thank you for your patience, I first tested copying your page to my localhost with the de-bug code, but the error didn’t occur, Please see the video in the Private Content area.
I found that your child theme css was missing two brackets, that I corrected for you, and your Quick CSS also had an error.
In the end I found that this css was causing the issue:.av-tab-section-tab-title-container{ display: none; }I added this to correct
.av-tab-section-tab-title-container{ display: block !important; }This shows the tab section on page load, but your page animation is still “flashing” the page which I believe you want to remove.
So I added this css to remove the animation:.avia_transform .avia_start_delayed_animation.top-to-bottom,.avia_transform .avia-timeline-vertical .avia_start_animation .milestone_icon { -webkit-animation: none !important; animation: none !important; opacity: 1; } .avia_transform .av-tab-arrow-container span { -webkit-transition: none !important; transition: none !important; }but I believe that your chatbox’s “warning” on the page load is still causing a page reload at the end. I won’t be sure until I can disable it. Please clear your browser cache and check, and try disabling your plugins to see if the final reload is removed.
Best regards,
MikeThanks for your investigation Mike!
I disabled the CRISP chat plugin and cleared the cache but still the double loading issue :(
Feel free to disable anything you want yourself to get this resolved, this is a top priority for us now even if the production site is affected a bit.
Hi,
Thanks for the update.
We checked every function or script that creates a request or may cause a reload. One of the scripts that keeps turning up is the Rocket Loader. It defers loading of the js scripts, prioritizing the content such as html, images, text etc making it seem like the page is loading faster. Unfortunately, this optimization can cause a re-paint or re-render of the content if the script deem it necessary. Have you tried disabling that option?
We also found the following thread, which seems to confirm our speculation. https://community.cloudflare.com/t/rocket-loader-causes-blink-flicker-on-page-load/27181
Best regards,
IsmaelBINGO!!!!!!! thank you so much !!! no more reloading. i disabled it and voila its fixed. sorry for wasting your time since this was not related to enfold.
so gratefull, thank you!
- The topic ‘Weird page loading behavior’ is closed to new replies.