| SitePoint Sponsor |
How Can I Make My Website Load Faster
I made one website recently and I did use high quality pictures. But the pictures are not very large. But my website is really slow when I first load it (the first page) any tips? Is there any coding problem?
Thanks
Site: http://www.bluedotpainting.com/
Hello porsh,Originally Posted by porsh
you need to use less picture with small size.
Indeed, the images seem to be the problem.
http://www.webpagetest.org/result/13...46a/1/details/
"Folks who know what they're doing make complexity seem simple."
Thanks
you need to optimize your images like adjusting the height and width image attributes or use a photo optimization software
I didn't find it slow opened fast on my browser. But any ways i would advice you to optimize your images for the web in photoshop.
Clean up unnecessary code..
ok so whats the biggest i can have a picture before my site starts loading slow?
all your slideshow images are more than 100KB in size 7 such images make the page size to about 1 MB you need to compress the images using xat image compressor. Also reduce the number of images in slideshow you can use css sprites to reduce number of images as well.
I just check out your site. I saw that you have used many large images. So, in my point of view, you may re-size all image to make them smaller. by the way, pay attention to you site structure. It should be clear and easy to navigate. Good luck !
Google Webmaster Tools can probably tell you if your site is faster in general. It might not be faster for you, but if it helps most users then it’s good. IMO CloudFlare is a decent budget option if you’re hosting on a slow and/or cheap host.
hey, cant use high resolution picture on your site. and keep away from javascript, flash on website
You can use this tool from google:
https://developers.google.com/speed/pagespeed/insights
It will tell you what you have to optimize and you can just follow the instructions or give them to your designer.
Use only java script. If you use flash then your site get more time for loading.
Useful link winagain I did not know about it.
Reduce width and height of images.
Your site is not slow. Your site is opened completely within 1 minute.
Google Webmaster Tools can probably tell you if your site is faster in general. It might not be faster for you
aside from checking and resizing your images, it is much better if you could use CSS to stream line the codes
Make the page design simple. One or two images, text. Taking all the scripts and piling them into a single script, and similarly combining all CSS into a single stylesheet.
Check whether your website has Flash and other graphic design in excess of what it is supposed to have. This may be one of the reasons for slow loading of pages.
Very nice looking Website, and the photos are great. Too bad it's table based. Why didn't you use CSS layout? That could help speed things up.
I love the clean design though. Good job!
I'm a fellow Ohioan!
The 2 top ways would be to optimize your graphics and content then look at your server.
Make graphic images smaller in size. Don't go too far though and deteriorate the quality.
My Site : MacFTW [link coming soon!]
Hosted by: MyHosting
Hi Porsh,
A few quick optimizations you can do which i saw from firebug:
- Move all Javascript files to the body. This give the user a feeling of speed as the page renders faster.
- Concatenate all Javascript files in to one file. This minimizes HTTP requests
- Minify JS and CSS
- You could AJAX the images in once the page has loaded.
- Using DIV tags and not Table will make the page render faster.
I would be happy to help you set some of these up if you get stuck.
Use Image Caching and CSS Sprites. Both the techniques can help a lot in determining the speed of the Website. Other than that you can use compressed version of your page to decrease the total size.
Posting Permissions
Bookmarks