Uploaded image for project: 'Mojang Web Services'
  1. Mojang Web Services
  2. WEB-7327

Layout shift when hero image is loaded in new article design

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Normal Normal
    • minecraft.net
    • None

      When a hero image is loaded on an article, the whole page shifts downwards by a large degree. This unexpected layout shift can "disrupt the user experience in many ways, from causing them to lose their place while reading if the text moves suddenly, to making them click the wrong link or button. In some cases, this can do serious damage."

      When using the Web Vitals browser extension by Google, the Cumulative Layout Shift (CLS) Core Web Vital metric on this page is measured to be at 0.36, which is rated as poor.

      This issue did not exist in the previous article page design.

        1. New article example.mp4
          1.14 MB
          Dianliang234
        2. Old article example.mp4
          442 kB
          Dianliang234
        3. 截屏2024-07-24 11.01.52.png
          142 kB
          Dianliang234

            mojangweb [Mojang] Web Team
            Dianliang234 Dianliang234
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated: