How to use plugin not to cause CLS issues – big layout shifts?

  • Resolved wriper

    (@wriper)


    1 year, 2 months ago

    Hello,

    We have noticed plugin is causing big “layout shifts” of website elements. Causing google core web vitals metric to fail . Thing is quiz is causing big movements when you press start. Is there a way to make plugin move with rest of the page minimally?

    What is CLS: https://web.dev/articles/cls

    Proof that it fails: https://prnt.sc/KXntfC4AFYIa

    Poor Core Web Vitals or CLS causing traffic issues from Google.

    Is there a way to make quiz height as static as possible. So it wont move?


    Thank you for assistance

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Jasmine

    (@hyenokian)

    Dear @wriper,

    Thank you for the topic.

    Please provide us with the following information for further investigation of the case.

    1. The link to your website, where the quiz is located.?
    2. The Quiz Plugin version you are using.?
    3. Let us know how exactly you identified that the problem comes from the Quiz Maker plugin.?

    By the way, as far as we understand, the Start button doesn’t have a connection to the CLS, as this process is taking place during the loading.?

    See the screenshot below:

    View post on imgur.com

    You can click on the Start button if the page is loaded.?

    Thank you.

    Plugin Support Jasmine

    (@hyenokian)

    For other readers, we are closing the ticket as the customer contacted us via email, we found the reason for the problem and guided how to solve the problem accordingly.

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to use plugin not to cause CLS issues – big layout shifts?’ is closed to new replies.