Forum Moderators: open

Message Too Old, No Replies

How to make Pages Load Faster after Slicing

Best Slicing Methods?!?

         

rotfil

1:01 pm on Mar 20, 2006 (gmt 0)

10+ Year Member



Simply … How can I make a page load faster? ---- Currently this is how I work;

Photoshop Design --> Image ready --> Slice --> Save for Webpage.

I try to create areas of the page that are a set web safe colour. So that I can code in the html image number. So that there is no image to load

It seems very easy to slice a page in ImageReady... is that the wrong way to do it?

Thanks for your Help on this matter.
James

** I have also tried using Gifs... even on very small pages.. with very few images it takes time to load... is there a way of making the page load before the user can see anything? Prehaps thats the answer

rotfil

1:29 pm on Mar 20, 2006 (gmt 0)

10+ Year Member



Having looked around i have found that the way to a faster loading Web Page is..

CSS
A Valid Doc Type
No page errors

So, is there an easier way of coding your page into CSS from image ready?

tedster

5:06 pm on Mar 20, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I can think of several directions that might be worth looking into, to speed page loading:

1. Use CSS to load the text content before the images, so the user sees something quickly
2. Pre-load a heavy image while the user is on another page
3. Improve on the image compression results you are getting with ImageReady

But if you are asking whether ImageReady's automatic coding can do any of the above, no, I don't know a way. 1 & 2 are hand-coded approaches. 3. requires learning more about the algortithms in Image Ready and the compression behaviors of various image file formats. Look to png files to beat gif.