Closed koyaboy closed 11 months ago
I optimized the images by compressing them because they were making the page load slow.
I also preloaded the gothic font and added font-display: swap so that if the user does not have the font it will not interrupt the page load
In addition, I added width and height to some images to reduce the effect of Cumulative Layout Shift (CLS)
Lastly, I installed react-lazy-load to lazy-load the images below the viewport so that the page load is much faster.
Everything should be working smoothly.
I optimized the images by compressing them because they were making the page load slow.
I also preloaded the gothic font and added font-display: swap so that if the user does not have the font it will not interrupt the page load
In addition, I added width and height to some images to reduce the effect of Cumulative Layout Shift (CLS)
Lastly, I installed react-lazy-load to lazy-load the images below the viewport so that the page load is much faster.
Everything should be working smoothly.