192 posts
  • Bought between 100 and 499 items
  • Has been a member for 5-6 years
  • 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?!

272 posts
  • Europe
  • Has been a member for 5-6 years
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Referred between 1 and 9 users
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
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. ;)

192 posts
  • Bought between 100 and 499 items
  • Has been a member for 5-6 years
  • 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.

272 posts
  • Europe
  • Has been a member for 5-6 years
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Referred between 1 and 9 users
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
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?

192 posts
  • Bought between 100 and 499 items
  • Has been a member for 5-6 years
  • 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?

272 posts
  • Europe
  • Has been a member for 5-6 years
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Referred between 1 and 9 users
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
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?

73 posts
  • Bought between 10 and 49 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 2-3 years
  • Sold between 1 000 and 5 000 dollars
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.

3747 posts
  • Won a Competition
  • Elite Author
  • Sold between 100 000 and 250 000 dollars
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Exclusive Author
  • Spain
  • Referred between 200 and 499 users
+5 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.

272 posts
  • Europe
  • Has been a member for 5-6 years
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Referred between 1 and 9 users
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
pebas says

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

But doesn’t looks like bubbles. :)

192 posts
  • Bought between 100 and 499 items
  • Has been a member for 5-6 years
  • 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