# Background Image loading very slow

**URL:** <https://community.glideapps.com/t/background-image-loading-very-slow/54639>\
**Category:** Ask for Help\
**Created:** [November 21, 2022, 6:39pm UTC](https://community.glideapps.com/t/background-image-loading-very-slow/54639 "2022-11-21T18:39:38Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 21, 2022, 6:39pm UTC](https://community.glideapps.com/t/background-image-loading-very-slow/54639/1 "2022-11-21T18:39:38Z")

</div>

I’m currently using some CSS to present an image in the background. But this image takes forever (5-7 seconds) to load. Is there a way to make this load faster?

CSS Link: [Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2&p=61388c4c08e64109ab57b48cf72e10dc&pm=c)

Actual CSS code

```auto
<div class="background"></div>
<pre><span><style>
.background {
position: fixed;
margin-top:0;
width: 100%;
height:100%;
top:0;
right:0; 
left: 0%;
z-index:-100;
filter: brightness(50%);
background-image: url("https://images.unsplash.com/photo-1575525351624-d5cbc45a82a1?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=710&q=80"); 
background-size: cover;
background-position: center center;
}

```

---

<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:** [November 21, 2022, 11:59pm UTC](https://community.glideapps.com/t/background-image-loading-very-slow/54639/2 "2022-11-21T23:59:23Z")

</div>

I think the reason is this.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/e/6e808cc93c70062c437ccec20f311eb982644cc3.png)

You can try some ways here and let us know if it works.

> **[How to Speed Up Background Images](https://wpspeedmatters.com/speed-up-background-images/)**
>
> Background images are usually used in places that have some text or content on top. It can be…