Page Load Speed being really slow

bassim3qazi · 2024-11-02T21:28:01.067Z

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.

image812×717 30.5 KB

Thank you!

AndyMountHood · 2024-11-03T00:50:16.885Z

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?

bassim3qazi · 2024-11-03T01:06:28.546Z

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.

AndyMountHood · 2024-11-03T01:09:18.805Z

You could also go to Settings → General and click Optimize Application to remove anything extraneous or historical that might slow it down.

bassim3qazi · 2024-11-03T01:28:37.382Z

Okay thank you i’ll have a look at it soon!

boston85719 · 2024-11-03T05:21:51.912Z

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

bassim3qazi · 2024-11-03T06:28:56.229Z

I tried that but it didnt really make a different, its still showing the still text element to be having huge render delays

bassim3qazi · 2024-11-03T06:29:44.108Z

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

boston85719 · 2024-11-03T07:53:23.920Z

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.

bassim3qazi · 2024-11-03T08:05:56.706Z

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!

bassim3qazi · 2024-11-03T08:12:09.168Z

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

boston85719 · 2024-11-03T09:39:20.450Z

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.

bassim3qazi · 2024-11-03T09:52:41.634Z

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.

agathaabigail0 · 2024-11-04T12:56:44.808Z

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!

bassim3qazi · 2024-11-04T15:20:15.498Z

Thank you so much but do you have any suggestions on how i can reduce the sizes of those elements? Thank you!

AndyMountHood · 2024-11-04T22:13:22.308Z

You can compress images by converting them to AVIF:

AVIF image pros and cons - Questions - Bubble Forum

Somebody else can answer about the rest.

bassim3qazi · 2024-11-04T22:24:10.621Z

Thanks, Il have a look!

system · 2025-01-11T21:28:12.060Z

This topic was automatically closed after 70 days. New replies are no longer allowed.