i've pored over my code an obscene amount of times, i've rewritten a ton of the code, i've partitioned the code into separate files for easier loading times, and nothing. i can't figure it out and it's driving me insane. i seriously need some assistance and troubleshooting help with this, because i'm losing my mind and i want my website to function without lagging!!!!!!

i've also had folks suggest that it's the CSS animations/keyframes, or the transitions/transforms i've coded, but like, nothing i have is all that intensive, so it really shouldn't be doing this??? i've seen people's websites that have far more animations and keyframes coded than my site, so what the hell is wrong with my code?

i guess i'm just going to try to rewrite everything from scratch (again) @_@

the only thing im seeing is this pic is "pretty big" (https://kkb.online/media/img/heartwave2.webp) i'll try some more digging when i can!

^^^^ it could be images, i started using https://imagecompressor.com on every image on my site and its made a big difference. You can also add loading="lazy" to img to lazy load initially off screen images

img compression and lazy loading is a friend (i use squoosh for mine personally but as long as sizes are nuked its all good). sadly loading times are a nightmare to sort out

thank you for all of the pointers!! i've gotten the heartwave image compressed even more, and i'm going to add the lazy loading to all of the images. i do want to just clarify that the issue i am having is with regard to genuine lag of the website, it really seems to bog down the cpu and makes me feel like my computer is a dinosaur. i don't know what could be causing it, i'm losing my mind trying to troubleshoot ;_;