Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Joe Dayvie
11,956 PointsLoad time for images.
Hello,
I was wondering if anyone could educate me (or direct me as to where I could find information) about image load times. On my current portfolio page (http://www.dayvie.com), the one image I have, which is scaled down, seems to take a while to load.
Could someone view it and/or provide a suggestion to the problem? If you know of any resources and/or treehouse courses to resolve this problem, please let me know =)
Thank you!
Joe
2 Answers
Brandon Bolin
760 PointsMake sure every image that you are loading is web optimized. I have recently run across https://tinypng.com and it does the best job at optimization. It's usually far beyond Photoshop save for web and other tools (I've tried a bunch!).
If you are running Firefox, you can use Firebug and inspect your website as it loads. If you goto the "Net" tab, you can see everything being downloaded (then filter by images). Your joe.png is 1MB... you can certainly scale that much further down.
Also look into Lazy Loaders so that images only load if users even get that far down the page. For example, using that and optimizing, my entire portfolio is around 350kb on initial load and that's Retina optimized and using full background images.
Hope that's a start!
Joe Dayvie
11,956 PointsBrandon,
Thank you very much! I used the site and it seemed to really help =)
Joe
Brandon Bolin
760 PointsGood to hear! Cheers