Project: Junction - interface lag


#1

Hello,

I'm experiencing a lot of interface lag while working on the Junction HTML/CSS project.
It seems to be related to the huge background image the project uses. Once I remove it, everything is fine.

Has anyone else experienced this?

I'm using Chrome on a MacBook Pro Retna 2.5ghz with 16gbs or ram.


#2

Hi Thomas,

I don't think I have. One thing to note, do you have background-position: fixed; or background: ... fixed ...; on that background image? Because that will definitely slow your computer down.


#4

Somehow deleted my post by mistake...sorry for the double post. :confused:

I do not currently have position defined. Should I?
After defining the background-position to fixed, it seemed to slow down even more.

Here is my current CSS code:

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Merriweather', serif;
}
body {
  background: url("https://s3.amazonaws.com/codecademy-content/projects/junction/bg.jpg") no-repeat center center;
  background-size: cover;
}

#5

@tas33

No worries!

I don't think it will make a difference. You can if you feel like, but it's up to you.

So that's not the cause, then. Hm. Are you able to try with a different computer or browser? It really shouldn't be slowing down very much just because of that background image :confused:


#6

It's not slowing the entire computer down, just the interface for Code Academy.
Switching between the views has a slight delay that I've not noticed before.
Removing the image got rid of the delay.

I'll try it at work tomorrow and see if it's just my computer. Thanks for responding!