Slow transition to a state with a huge(2.0mb) image

@ronniekinsley wrote:

.background-image {
/*http://i.imgur.com/lA3vpFh.png*/
background: url('../img/tunent-bg.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
width: 100vw;
height: 100vh;

-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-o-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);

}

I have my landing page state which has a background image displayed using above CSS and an empty div like this

    <div class="background-image"></div>
<div class="wrapper"></div>

The image being used is 2MB. I have another view called settings and when I transition from settings back to Landing page, the transition is very slow.
I'm using Nexus 4 running 5.1.1.
Any help would be appreciated

Posts: 4

Participants: 3

Read full topic