Uploaded image for project: 'Jira Platform Cloud'
  1. Jira Platform Cloud
  2. JRACLOUD-85601

Cover Images on TMP boards are not cached and reload when scrolling causing performance hit

      Issue Summary

      Cover Images will only load visible images for the current position on a team-managed board, when scrolling down the images are no longer in view they are not cached, and scrolling the issue back into view will trigger a new fetch to re-load the images, on boards with a lot of columns and many issues this causes a lot of performance overhead taking multiple seconds to reload images when scrolling up and down

      Steps to Reproduce

      1. Create a team-managed project
      2. create enough issues to be able to scroll through the issues on the sprint view
      3. add issues to a sprint and start the sprint
      4. Navigate to active sprint
      5. Add an attachment to all the issues
      6. Load the network tab of the browser console to observe the fetch calls
      7. Scroll down and then back up a few times

      Expected Results

      Images that have already been loaded are cached and do not need to be reloaded after initial load

      Actual Results

      Jira relaunches the fetch calls repeatedly to the blob store to load the image again with each time you scroll up or down, an example can be seen in the video here:

      Workaround

      This can be done by navigating to the Configure board >> Cards cover images and selecting the slider to disable cover images for the larger board.

            [JRACLOUD-85601] Cover Images on TMP boards are not cached and reload when scrolling causing performance hit

            Kate Durnell made changes -
            Component/s Original: Board (Team) - View [ 61966 ]
            Component/s New: Board (Team) - View [ 77899 ]
            Key Original: JSWCLOUD-25553 New: JRACLOUD-85601
            Project Original: Jira Cloud [ 18511 ] New: Jira Platform Cloud [ 18514 ]
            Matthew Hunter made changes -
            Resolution New: Timed out [ 10 ]
            Status Original: Long Term Backlog [ 12073 ] New: Closed [ 6 ]
            Matthew Hunter made changes -
            Labels Original: attachements coverimage jsw-s4 performance New: attachements coverimage jsw-s4 performance timeout-bulk-close202410
            Anusha Rutnam made changes -
            Summary Original: Cover Images on Team managed boards are not cached and reload when scrolling causing performance hit New: Cover Images on TMP boards are not cached and reload when scrolling causing performance hit
            Fahd made changes -
            Labels Original: attachements coverimage performance New: attachements coverimage jsw-s4 performance
            Earl McCutcheon made changes -
            Assignee Original: Earl McCutcheon [ emccutcheon ]
            Earl McCutcheon made changes -
            Assignee New: Earl McCutcheon [ emccutcheon ]
            SET Analytics Bot made changes -
            Support reference count Original: 1 New: 2
            Earl McCutcheon made changes -
            Priority Original: Low [ 4 ] New: Medium [ 3 ]
            Earl McCutcheon made changes -
            Description Original: h3. Issue Summary
            [Cover Images|https://community.atlassian.com/t5/Team-managed-projects-articles/You-asked-for-it-so-we-delivered-images-on-issues-have-arrived/ba-p/844691] will only load visible images for the current position on a team-managed board, when scrolling down the images are no longer in view they are not cached, and scrolling the issue back into view will trigger a new fetch to re-load the images, on boards with a lot of columns and many issues this causes a lot of performance overhead taking multiple seconds to reload images when scrolling up and down

            h3. Steps to Reproduce
            # Create a team-managed project
            # create enough issues to be able to scroll through the issues on the sprint view
            # add issues to a sprint and start the sprint
            # Navigate to active sprint
            # Add an attachment to all the issues
            # Load the network tab of the browser console to observe the fetch calls
            # Scroll down and then back up a few times

            h3. Expected Results
            Images that have already been loaded are cached and do not need to be reloaded after initial load

            h3. Actual Results
            Jira relaunches the fetch calls repeatedly to the blob store to load the image again with each time you scroll up or down, an example can be seen in the video here:
            - https://www.loom.com/share/efa0101387f94ee18b988265b7b000d5?sid=d8621b05-9a7c-4753-affc-9451f915b6d4

            h3. Additional note:
            On a large enough board with many columns and issues with cover images, this could possibly trigger a rate limit

            h3. Workaround
            This can be done by navigating to the *Configure board >> Cards cover images* and selecting the slider to disable cover images for the larger board.
            !Screenshot 2023-07-24 at 11.20.25 AM.png|thumbnail!
            New: h3. Issue Summary
            [Cover Images|https://community.atlassian.com/t5/Team-managed-projects-articles/You-asked-for-it-so-we-delivered-images-on-issues-have-arrived/ba-p/844691] will only load visible images for the current position on a team-managed board, when scrolling down the images are no longer in view they are not cached, and scrolling the issue back into view will trigger a new fetch to re-load the images, on boards with a lot of columns and many issues this causes a lot of performance overhead taking multiple seconds to reload images when scrolling up and down

            h3. Steps to Reproduce
            # Create a team-managed project
            # create enough issues to be able to scroll through the issues on the sprint view
            # add issues to a sprint and start the sprint
            # Navigate to active sprint
            # Add an attachment to all the issues
            # Load the network tab of the browser console to observe the fetch calls
            # Scroll down and then back up a few times

            h3. Expected Results
            Images that have already been loaded are cached and do not need to be reloaded after initial load

            h3. Actual Results
            Jira relaunches the fetch calls repeatedly to the blob store to load the image again with each time you scroll up or down, an example can be seen in the video here:
            - https://www.loom.com/share/efa0101387f94ee18b988265b7b000d5?sid=d8621b05-9a7c-4753-affc-9451f915b6d4

            h3. Workaround
            This can be done by navigating to the *Configure board >> Cards cover images* and selecting the slider to disable cover images for the larger board.
            !Screenshot 2023-07-24 at 11.20.25 AM.png|thumbnail!

              Unassigned Unassigned
              emccutcheon Earl McCutcheon
              Affected customers:
              3 This affects my team
              Watchers:
              9 Start watching this issue

                Created:
                Updated:
                Resolved: