201 posts
  • 6 Years of Membership
  • Collector Level 5
  • United States
ace2296
says

I have a website with a large background and it takes forever to load and then I come across this site => http://www.thepixel.com/blog/ and the background is huge and it loads super quick. How do they do it?!

299 posts powerthemes.club
  • Meetup Participant
  • Elite Author
  • Author Level 8
  • 6 Years of Membership
+6 more
pebas
says

Actually it is not that huge. :)

There are only three images, all together around 1mb and that is quite easy to load.

Look at that like this:

1. Header Image

2. Pattern

3. Footer Image

4. Background Color

Also I think you should shorten that link when posting here. ;)

201 posts
  • 6 Years of Membership
  • Collector Level 5
  • United States
ace2296
says

Actually it is not that huge. :)

There are only three images, all together around 1mb and that is quite easy to load.

Look at that like this:

1. Header Image

2. Pattern

3. Footer Image

4. Background Color

Also I think you should shorten that link when posting here. ;)

K, don’t get me wrong I love what they did to their site, I’m not bashing it. Link There’s my site and it takes forever to load in and I’m only loading about 500k worth of background images in the 3 sections.

299 posts powerthemes.club
  • Meetup Participant
  • Elite Author
  • Author Level 8
  • 6 Years of Membership
+6 more
pebas
says

Around 2 sec is needed for me to load (not so bad). What happen if you remove that background JS eg. ‘fly2by.png’, that loop trough images and positions seems like slowing down page a lot. Why you don’t simply create one pattern without that animations?

201 posts
  • 6 Years of Membership
  • Collector Level 5
  • United States
ace2296
says

Around 2 sec is needed for me to load (not so bad). What happen if you remove that background JS eg. ‘fly2by.png’, that loop trough images and positions seems like slowing down page a lot. Why you don’t simply create one pattern without that animations?

oops I didn’t have the backgrounds up when you looked at it. Can you recheck it for me?

299 posts powerthemes.club
  • Meetup Participant
  • Elite Author
  • Author Level 8
  • 6 Years of Membership
+6 more
pebas
says

^ Around two sec again. That is quite acceptable.

By the way those drops flying around are quite annoying form me. :) What they represent?

87 posts
  • 3 Years of Membership
  • Author Level 3
  • Beta Tester
  • Collector Level 3
+2 more
MihaiMarcuta
says

^ Around two sec again. That is quite acceptable. By the way those drops flying around are quite annoying form me. :) What they represent?

I actually like the drops, it was implemented in order to create the bubble effect in water I guess. In comparison with the website shown by you, yours loads slower which will damage your client’s experience.

3757 posts
  • Elite Author
  • Spain
  • Author Level 8
  • Featured Author
+11 more
pezflash
says

Your site loads in an acceptable time range (around 2-3 seconds for me).
Honestly, i think your server speed is what is causing the delay, not your contents.

299 posts powerthemes.club
  • Meetup Participant
  • Elite Author
  • Author Level 8
  • 6 Years of Membership
+6 more
pebas
says

@Bluntaxe ”...it was implemented in order to create the bubble effect in water..”

But doesn’t looks like bubbles. :)

201 posts
  • 6 Years of Membership
  • Collector Level 5
  • United States
ace2296
says

@Bluntaxe ”...it was implemented in order to create the bubble effect in water..” But doesn’t looks like bubbles. :)

*water particles lol not a fan of a little jquery effect?

by
by
by
by
by
by