• Resolved Douglas

    (@douglasivanauskas)


    Hello,

    According to the PageSpeed Insights, I’ve been getting about 28,0 s of Largest Contentful Paint (LCP) on my website, which is destroying my Core Web Vitals.

    I would like to know if the header image on this link is adjusted proportionally according to the Colormag requirements or if it’s way bigger of what it should be for Colormag.

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello @douglasivanauskas,

    The Largest Contentful Paint (LCP) issue usually happens because of large images, slow server response, or unoptimized files. About your header image:

    If your image is very large, it can make your page load slower and affect the LCP. You can compress the image using tools like TinyPNG or ShortPixel. This will reduce the file size without losing quality.

    Also, using lazy loading for images that appear later on the page can help improve your Core Web Vitals.

    After resizing and optimizing your images, your LCP should get much better, which will have a positive effect on your Core Web Vitals score.

    Best regards,

    Thread Starter Douglas

    (@douglasivanauskas)

    Dear Amrit Kumar @shresthauzwal, thank you for the response.

    My website header image is only 72kb (https://canalvideomaker.com.br).

    Looking at the Page Speed Insights today, it does not seem to be an issue with the header, but with the post header images on mobile. That’s why I asked whether Colormag properly adjusts images for mobile.

    Take a look: https://imgur.com/a/F4ugCgr

    At the moment, the LCP for mobile is 7,5s.

    Could it be something else?

    Thank you.

    Hi @douglasivanauskas,

    ColorMag does not perform automatic image resizing specifically for mobile. If the uploaded post images are large, they will be displayed as-is, which can increase load time and affect the Largest Contentful Paint (LCP).

    To improve mobile performance, we recommend:

    1. Resize your post header images to a suitable width for mobile (typically 768px or smaller).
    2. Use an image optimization plugin (e.g., Imagify, Smush, or ShortPixel) to compress images without losing quality.
    3. Enable lazy loading for images.

    After these adjustments, the mobile LCP should improve significantly.

    Kind regards,

    Thread Starter Douglas

    (@douglasivanauskas)

    Ok, thank you @shresthauzwal

Viewing 4 replies - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.