# Faster image loading through an app - tiny 1 pixel images early in onboarding?

**URL:** https://community.glideapps.com/t/faster-image-loading-through-an-app-tiny-1-pixel-images-early-in-onboarding/25685
**Category:** Ask for Help
**Created:** [April 17, 2021, 5:05pm UTC](https://community.glideapps.com/t/faster-image-loading-through-an-app-tiny-1-pixel-images-early-in-onboarding/25685 "2021-04-17T17:05:46Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)
#### Post date: [April 17, 2021, 5:05pm UTC](https://community.glideapps.com/t/faster-image-loading-through-an-app-tiny-1-pixel-images-early-in-onboarding/25685/1 "2021-04-17T17:05:46Z")

</div>

I am trying to make my app load faster for users - I have a corona live test app and, even with small file sizes, there is a noticeable lag in loading images the first time they are seen by the user.

I was wondering (without testing yet)… might it be worth deliberately ‘hiding the images in sight’ on the second screen of my app, maybe using cloudinary to have width=1 pixel kind of thing, to load all of the needed images into memory? Otherwise there is a really abrupt wait at each step through my process throughout the app.

Any experiences or ideas? Thanks!

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [April 17, 2021, 8:22pm UTC](https://community.glideapps.com/t/faster-image-loading-through-an-app-tiny-1-pixel-images-early-in-onboarding/25685/2 "2021-04-17T20:22:17Z")

</div>

If the image is extremely important to load right away the first time, you can throw it inside of a title component and then you CSS to adjust the title boundaries. For whatever reason, in my experience, the title component loads instantly. 🤷‍♂️

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [April 17, 2021, 10:24pm UTC](https://community.glideapps.com/t/faster-image-loading-through-an-app-tiny-1-pixel-images-early-in-onboarding/25685/3 "2021-04-17T22:24:51Z")

</div>

Are those images stored in Glide?

---

<div class="post-metadata">

### Author: ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)
#### Post date: [April 18, 2021, 8:50am UTC](https://community.glideapps.com/t/faster-image-loading-through-an-app-tiny-1-pixel-images-early-in-onboarding/25685/4 "2021-04-18T08:50:54Z")

</div>

Yes, they are all stored in Glide. There is at least a 1 second delay when a screen opens the first time for a user. BUT these images are displayed from an If-then-Else column. I have another set of images on one screen (the first onboarding screen) that is from an inline list (flags to pick a language) and those are shown immediately.

Maybe I need to rethink how I present images and just have them all as separate images with visibility settings (for speed, with a sacrifice on elegance).

---

<div class="post-metadata">

### Author: ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)
#### Post date: [April 18, 2021, 9:22am UTC](https://community.glideapps.com/t/faster-image-loading-through-an-app-tiny-1-pixel-images-early-in-onboarding/25685/5 "2021-04-18T09:22:08Z")

</div>

I have changed the design components and the column where the images are. Rather than ITE pulling images from another sheet, I now put the images into separate columns in the sheet I am using (CollectUser) as template columns with the image URL.

It is faster… but still noticeable that other elements load first.

@Robert_Petitto how do you do the CSS for title? I have not done that before - thanks!
