195 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ items on Envato Market
  • Located in 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?!

279 posts
  • Has sold $40,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 5 years
  • Located in Europe
+3 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. ;)

195 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ items on Envato Market
  • Located in 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.

279 posts
  • Has sold $40,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 5 years
  • Located in Europe
+3 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?

195 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ items on Envato Market
  • Located in 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?

279 posts
  • Has sold $40,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 5 years
  • Located in Europe
+3 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?

73 posts
  • Has been part of the Envato Community for over 2 years
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+1 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.

3751 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 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.

279 posts
  • Has sold $40,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 5 years
  • Located in Europe
+3 more
pebas says

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

But doesn’t looks like bubbles. :)

195 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ items on Envato Market
  • Located in 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