[ad_1]
Hi, making my first site in wordpress and very much still new to web dev in general. when running performance tests I get a massive “largest contentful paint element” with it being 23 seconds on mobile, 4 seconds on desktop. It shows the logo section of my header. The logo is roughly 250×150 and compressed into a webp down below 100kb. I’ve even tried deleting the logo to see if it still is slow in the tests and it even still shows an image of the logo once it was deleted in the speed test report.
anybody with more knowledge than me able to identify what the problem is here? I see it may have something to do with resource blocking resources but not sure how to identify and fix that.
Images of speed test reports
[https://imgur.com/a/86Luhvp](https://imgur.com/a/86Luhvp)link to site
[https://wordpress-1207033-4271295.cloudwaysapps.com/](https://wordpress-1207033-4271295.cloudwaysapps.com/) [ad_2]
Could be just the preloading animation.
Do you use a chache plugin ? That could help you a lot.
Also … you have some really big JS codes … 750 kb! OMG
https://i.imgur.com/rlIj7Uu.png
A cache plugin that minifies JS and CSS could help here.
The JS could be just a script the theme loads by default, and you don’t use it.
Don’t animate anything unless the user clicks (like a drop down menu). Stop all that stuff flying around and zooming, especially your main nav bar at the top.