198 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?!

281 posts powerthemes.club
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has been part of the Envato Community for over 5 years
  • Sells items exclusively on Envato Market
+4 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. ;)

198 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.

281 posts powerthemes.club
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has been part of the Envato Community for over 5 years
  • Sells items exclusively on Envato Market
+4 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?

198 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?

281 posts powerthemes.club
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has been part of the Envato Community for over 5 years
  • Sells items exclusively on Envato Market
+4 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.

3752 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.

281 posts powerthemes.club
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has been part of the Envato Community for over 5 years
  • Sells items exclusively on Envato Market
+4 more
pebas says

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

But doesn’t looks like bubbles. :)

198 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?

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by