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
Marisa Zantey
2,053 PointsSlow loading pages
I have a navigation on my HTML site, all the usual stuff, etc. But when I click on another page, it seems my css takes a while to load- it loads my page first without the CSS applied, then it quickly catches up and loads like normal, this time with the CSS.
I know it's hard to explain, but I hope you guys understand!! please help... it looks very unattractive. Hehe :)
2 Answers
Hannah Gaskins
14,572 PointsThere are a lot of different variables that may cause the slow load.
One reason you may want to check out the sizes of your images. Too many large images can slow down a site a lot. http://www.jpegmini.com/ is a great site for decreasing the size of your image files without decreasing the quality.
Additionally a link to the URL and or the code would be great to help you :)
Kyle Robertson
31,600 PointsOne way to combat this issue is to load the critical css inline in the <head>, then the rest in your css file. Here are a couple links on the topic:
https://css-tricks.com/authoring-critical-fold-css/ http://gomakethings.com/inlining-critical-css-for-better-web-performance/
Kyle Robertson
31,600 PointsOn second thought, this might not be what's happening. Could you post a link to your page, or paste in your html here?
Marisa Zantey
2,053 PointsMarisa Zantey
2,053 PointsWow... I just realised I made my picture bigger recently... :o haha thanks :)