Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    q-img preloading

    Framework
    3
    5
    49
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • W
      walfin last edited by

      Hi, is there a way to preload all q-imgs on a page (even if they’re not displayed)?

      dobbel 1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel @walfin last edited by dobbel

        @walfin

        how do you preload an image when it is displayed?

        W 1 Reply Last reply Reply Quote 0
        • W
          walfin @dobbel last edited by

          @dobbel My problem is that the q-imgs lag the screen (on phone) when they first appear (I’m using a lot of colourful icons in svg format).

          I want to force-preload all q-imgs so they start loading immediately when the app starts.

          1 Reply Last reply Reply Quote 0
          • Hawkeye64
            Hawkeye64 last edited by

            @walfin You should be lazy-loading your images and in place, use QSkeleton until the image is available. If you load all your images at once, the time delay before the first screen is available will be horrendous.

            W 1 Reply Last reply Reply Quote 0
            • W
              walfin @Hawkeye64 last edited by

              @Hawkeye64 I was wondering if there was a way to start loading the images immediately after first paint (in the background). Currently the first opening of my menu sidebar is lagging as it only starts loading the images when the menu is opened. I’m currently resorting to using img instead of q-img and putting in invisible imgs elsewhere on the page to force the images to load.

              1 Reply Last reply Reply Quote 1
              • First post
                Last post