HTML - Img Load Time
okay so i have tables built with images set as the background property of the table sections to created a rounded graphical appearance to the tables. the problem is that when the page loads without being cached on the clients end for the first time it builds the site in a choppy method. you see each image come up one at a time and it builds the tables, after its cached that goes away until you dump your cache in your browser.
so what im wanting to know is, is there a way (other than server side compression) to reduce or remove this choppy load time, so its just like.. blank page then BAM! full page, like a way to force precaching or make it so fast that you cant visually see the tables being built before they are cached? www.wiffleague.com/main.php so heres some things i tried: - making the images as small as i know how (they could be smaller i guess, im not sure how to do that though) - reducing the amount of images to the bare minimum required to render the tables properly - removing redundant html code from the tables such as 'width="100%"' from some of the td fields when a prior row already has the width set properly, thus the columns still align properly but there is less code to process some things that are not suitable solutions: - get a faster server - put less content data on the page - only use _____ browser - use apache's gzip compression to force the images even smaller than they already are during transmission then the browser decompresses and renders them Similar TutorialsHello, I am designing a site for a friend at: www.vintageparlor.com I am fairly new to HTML, but I know FTP and how hosting works. Something I have noticed is that the site seems to load a bit sluggish... I am guessing that this is due to the images on the page, specifically the background image. What should I do? Or is that not the problem? Thanks! -Jordan Hello, I need help shrinking the loading time of my website. I think the main problem is the javascripts, ive managed to compress as most images possible, they shouldnt be a problem. I just dont know what to shrink else? Have no idea how to to the .js and .css? Advice needed, thanks. website here Hey guys I'm new here, as I found this forum on google. I've run across a little problem or big problem so to speak. I have coded my website and it will load in FF, but not Safari or IE. It had an php function wrong the other day, but I have since fixed that and now I just a white page. Here's a link to the site(don't mind the simple, crappy layout) http://s2roots.com/random/done/ Please any help would be great, this is a project due by Wed. So. I was havin problems with png files (the transparency issues with IE6 and lower) so had to redesign the site ....so that now the page is basically a bunch of cells with sliced images inside each one. unfortunatly when the page loads, some cells load faster then others...meaning the page kinda loads by pieces....i am looking for a solution to this. 1. either how i could have designed it better to begin with. 2. how i can hide the images until all are loaded. 3. how i could just generally speed things up. the site is at http://www.meshowventures.com/brutal...mance/main.htm thanks!! can anyone confirm this as a working script? in the head... <style type="text/css"> .hiddenPic {display:none;} </style> after the body but before the closing html <img src="anaconda_pc_bw.jpg" height="1200" width="1920" class="hiddenPic"> Hi guys, my first day here + i'm new to web design. i'm trying to learn html from the scratch and trying some simple tutorials. i faced a bit of a problem. I have the following code to display some web site : <html> <body> <h1>This is my Main Page</h1> <h2>This is a heading2</h2> <p>This is some text.</p> <p><a href="page1.htm">This is a link to Page 1</a></p> <p><a href="page2.htm">This is a link to Page 2</a></p> </body> </html> problem is as soon as i add <img src="imagename.jpg"/> to the code above, it just doesn't work and when i try to load the page i get a new window popping up that tells me "C:\....path.... can not be found" why? how can i load an image to the site? where should i be saving it? and are there constraints concerning the size? thanks in advance... cheers, Lina Hi, I have a little problem here.. should you visit my site using IE (don't myself ) it will start loading then randomly say "Cannot open <webpage>". This is very irritating. Does anyone know why this is? Has it happened to anyone else? For the moment, I have put up a temporary home, but the old one is here for you to see. It works on Firefox when the user agent is changed, so it is a IE-specific problem. http://mattsnow.co.nr/home2.html Any help GREATLY appreciated. -matt. I was wondering if it was possible to set us a code so that when someone is looking at my site in say Internet Explorer is would direct them to a site that displays the page how I have it set up for IE for them and one say for firefox and say safari. Thank you in advance, I appreciate it! Hello I wonder is anyone could help me with this problem. I have the following code : <script language="javascript"> function form_submit() { document.registration_form.operation.value = ''; document.registration_form.edit_refresh.value = '1'; document.registration_form.submit(); } </script> <input type="checkbox" name="tax_account_type" value="1" onclick="form_submit();" <? echo ($user_details['tax_account_type']) ? 'checked' : ''; ?> When the checkbox is checked, the tax account type is obviously set to 1, the page refreshes and an additional tax registration field is displayed further down the web page. I would like to remove the above checkbox altogether so the page loads with the additional tax registration field automatically. I assume i need to modify the function code so it changes the tax type on load but not sure of the precise coding. Any help would be apreciated. Many thanks James Can anyone tell me why this page will show with Firefox but won't load or show with IE? http://www.bestsellersworld.com/reviewtest.htm Hi. I wonder if someone could possibly help me with something. My website does not load properly to the top of the page and I cannot figure out why. Any help would be appreciated. Here is the url: http://www.codefreedom.com Thanks, Rosco. Hi, I'm having a strange problem. I've added a new page to my website, but I can't get the image to load. It loads OK from a folder on my desktop, but when I copy the files to my web host the image won't load. Any ideas, anyone? Stuart. Hi, I use dreamweaver 8 to create my website and for some weird reason, my site loads from the right and jumps in the center when I use mozilla firefox to open it. It is fine with internet explorer. Do you know what the problem is? It's driving me crazy. Thanks. www.eloangear.com Hi, I was wondering if any one could tell me why my page is not loading and why it seems to want to load an active x control when I have not put one on there Thanks for your help ive read the tutorials and searched the forums but i still need some help. im trying to read data from a text file here (http://www.ndbc.noaa.gov/data/realtime2/41035.spec) what i cant figure out is how to call each value to its own dynamic text field. YYYY MM DD hh mm H0 SwH SwP WWH WWP SwD WWD STEEPNESS AVP MWD 2006 12 10 00 00 0.3 0.3 6.2 0.1 3.2 ESE SE N/A 6.1 110 2006 12 09 23 00 0.3 0.3 9.1 0.1 3.6 SE SE N/A 6.2 134 2006 12 09 22 00 0.3 0.3 9.1 0.1 3.6 SE ESE N/A 6.2 125 2006 12 09 21 00 0.3 0.3 7.1 0.1 3.4 ESE ESE N/A 5.9 119 i want to read the latest SwH and SwP and SwD readings into a flash movie. how do i call those into the field? Hello, Could someone please help I have made a very simple site http://www.101.dentalcompanion.com I placed a <span> image to sit on top, it works when crome opens but in internet explorer and firefox the image does not open. I also added the same image in a <div> tag in the siidebar and the same issue crops up. i thought I had it worked out but I just can't seem to make it work. Thank you ever so much. kama I wanted my page appear in such a way that when an index page is loaded the login screen appear and the background is freeze till the login is accepted then the login screen dissapear. How can i achieve this ? I tried looking for similar example but i doesnt seems to be able to find any. i am looking for something similar to this http://www.pageflakes.com/default.aspx Hi guys, not much of a programmer and new here... but putting a site together for a friend. I have an swf file taking up the majority of a page. On the edges of are a couple of AP images (using dreamweaver). Looks great when all loaded up, but the images within HTML load well before the SWF (depending on connection speed) and it looks a bit goofy. Is there any kind of script that will hold back displaying these images until the flash is fully loaded? Many thanks for any and all advice!!! |