Slicing, Div tags questions on download time
Submitted by GarySteven on Wed, 04/30/2008 - 22:10.
Hello,
In preparation for next week, I've been working on a project for a physical item I sell on eBay.
By that I mean getting up to speed on my photoshop, wordpress and dreamweaver. I'm kinda old school with the photoshop. For instance the header .jpg for my site right now is 500 wide and 200 pix high. My first inclination is to prepare for web in photshop and that comes in at 12 sec. load time at 28K in a resolution that I like. The header .jpg I really like came in at 19 sec. at 28K.
I've been studying, for instance the rapping video SEO guy and he says to slice. So I've been looking at that and then another guy says dump the tables and use div tags with your slices if you want ultra loadtime speed. I can grasp this technique, I'm just wondering do I need to do this or is what I'm doing so far adequate?
In Jeremy's ebook for example he has a faded background large pic of a lady listening to music with headphones...with something like this what is the best way to go about the pic loading prcess?
I know these are two different questions but they may be related.
Up to this point I've been doing a header on blogs which have been smaller size and havent been thinking too much but the more I read Jeremy's book and realize a blog may not be the best thing in an affiliate campaign (sometimes), And want to do a quick dreamweaver page I thought I should ask these questions so I can be studying and practicing before classes start next week.
With PPC I would guess slow load times could cost money in a campaign.
I looked for div and slicing and didn't see anything in search, if this has been talked to death,
I apologize.
thanks in advance.
Gary
my goto place is..
I like http://www.w3schools.com/ for any info I need on designing. It has been mentioned in the forums a couple of times along with a couple others. I just have always used w3. I'm no guru by any means so you should find the help you need there if someone here doesn't jump in and give you some pointers.
I can tell you css/xhtml compliant load faster than regular html pages due to the style information being in its on file. (i.e. style.css) its less code for the browser to sort through before the page loads.
Brian
First of all, I don't think
First of all, I don't think there are many people left who surf the web at 28k. I think even mobile users have greater bandwidth than this now so I'd set the speed to be at least 56k to take account of those who still use dial up. This should show a download speed about twice as fast.
As 6 - 9 seconds is still probably too long, you could look at optimizing it by reducing the file size, saving it in another format such as a .gif or .png or reducing the physical image size. Personally, I've never sliced up images.
Also, as a general rule, the use of css for site building is the way to go but there's nothing wrong with using tables. Tables are ideal for presenting data in a row and column format and are actually easier to implement than the equivalent css methods. The styling of the table can still be done using css so there's no extraneous code in the xhtml. Just don't use tables for the whole page!