I am having some trouble with page load speed times. It seems to be pretty slow and Im not sure why that’s happening. Does anyone have any suggestions?
I am getting this main problem with one of my elements but I’m not sure why.
Thank you!
Does that text use an unusual/different font that the browser has to download?
Is the text retrieved from the database? Is there a condition or workflow connected to it?
Yeah there is a workflow, when the page is loaded it animated the text. Apart from that once i am on my laptop i’ll check the other things you mentioned.
You could also go to Settings → General and click Optimize Application to remove anything extraneous or historical that might slow it down.
Okay thank you i’ll have a look at it soon!
Whenever you make changes in editor and then preview the first preview is slow. If preview a couple of times it gets a bit faster so long as no changes were made it editor
I tried that but it didnt really make a different, its still showing the still text element to be having huge render delays
yeah thats understandable but no matter when my performance scores are still not the greatest and it seems like that text div I showed earlier is causing huge render delays. I have No idea why though
Performance scores are likely not going to be much higher than 70, and usually are around 30-40.
In terms of why that text has the issue, it would likely be due to the plugin you use to make it animate, or if not a plugin, just the animate on page load.
To fix, you can change the trigger from ‘when page is loaded’ to a conditional trigger for when page is loaded entirely is yes, which would only start the animation after the entire page is loaded, which should have a positive impact on page load score. If that doesn’t work, test by deleting the text element altogether and see what you performance score is then.
Great idea, let me try it out! I’m currently getting 27 on my page performance, ill have to see how I can further optimize it. Thank you very much for your suggestions!
I just tried it and although it was a great idea, for some reason that text is still having a render delay, no idea why
Not sure what you tried. If you tried to make it so the text doesn’t animate until the page loaded entirely is yes, then the render delay is still expected since it still needs to render, it is just doing so after the page is entirely loaded, which means the performance may have increased…so did you do that and if so, after testing twice since making the changes, test a third time to get the performance and see if it improved.
If you tried just removing the animation entirely, test twice, and on 3rd test check performance and see if there is an improvement, and if you did remove the plugin/animation and still see a render delay on the test, remove the ID attribute that was added for the plugin to animate the text.
1 Like
I’ll try all your suggestions in the morning and yes i did use page loaded entirely is yes. I’ll use page loaded entirely and try again.
It sounds frustrating to deal with slow load times! One thing that could help is looking into optimizing any large elements that may be bogging down your page. Try compressing images, minifying CSS and JavaScript files, and leveraging browser caching. I had a similar issue and found that reducing the size of specific heavy elements significantly improved my site’s performance. Also, consider using tools like Google PageSpeed Insights to identify specific areas for improvement. These tweaks really made a difference for my website’s speed, you can also test live now even, and I hope they can do the same for yours!
Thank you so much but do you have any suggestions on how i can reduce the sizes of those elements? Thank you!
You can compress images by converting them to AVIF:
AVIF image pros and cons - Questions - Bubble Forum
Somebody else can answer about the rest.
Thanks, Il have a look!