| Home | Register | FAQ | Members List | Search | Today's Posts | Mark Forums Read |
|
|
#1 (permalink) |
|
Registered User
Join Date: Mar 2007
Posts: 1
|
guys i need help urgent here i designed a website in photoshop and i sliced it from photoshop then i edit it in dream waver after that i found the site load is heavy and i dono how to make it faster please i need help as soon as |
|
|
|
|
|
#4 (permalink) |
|
Registered User
Join Date: Feb 2007
Posts: 25
|
You usually need to compromise on the original design. For starters though, have you used the best file format/quality for each slice? - these can be set separately and you can have a mix of low quality jpeg, hi quality jpeg, and gifs. For future reference, you need to look at where savings can be made before you start, for example if you have a vertical gradient background then you can save the gradient as 1 pixel wide gif then use background-repeat in your CSS to copy across the screen. |
|
|
|
#5 (permalink) |
|
css is cool m'kay
Join Date: Mar 2007
Location: Currently Vancouver, Canada
Posts: 385
|
Agree with Paul F. Basically any background images can slow down the loading. When you slice in image ready, it saves EVERYTHING as an image. So a big block of blue for eg will be a big blue image, whereas you could add a bg class through CSS to to the same. Do you have a link to the site we can look at? |
|
|
|
#6 (permalink) |
|
Registered User
Join Date: Mar 2007
Location: California
Posts: 19
|
Really difficult to tell what your up against without a site to look at. Still, there are some obvious things to think of: * Compress your images - go as low quality as possible without making them look bad. * Any background coloring you do should be done via css - dont use actual images for backgrounds * Any solid border edges can be done using css as well. Using images for borders is going to make it slower. * If you're using databases make sure that you've set them up properly with indexes and that if you call them in php you use some kind of caching so that things are snappier. * Rollovers on buttons are slower as images than they are using lists and divs. * Preload everything if possible. Again, more pertinent help could be given if you posted a link to the site. |
|
![]() |