Displaying text before images in IE

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

   Most of the ProductCart programs work pretty well in this regard.  When using Internet Explorers 6 and 7, the screens are displayed in a manner where the text and other non-image content appear on the screen before the images do.  This can be very important for dialup users when you have ProductCart screens with several pictures on them, as the screen will display several seconds before all the images show up.  Both the main menu program (home.asp) and the View Categories program (viewcat.asp) do this just fine.

However, one of the most frequently used programs does not work this way -- the one where you view individual products (viewprd.asp).  The screen data will not display until ALL of the images have been loaded, creating delays of several seconds.

Anyone familiar with this situation?  We would like to modify the viewprd.asp and associated programs (as little as possible) to make this feature of IE work for this part of ProductCart.  We run version 3.051a of the standard ProductCart.  Any help in this area would be greatly appreciated.  In particular, what is causing it to work this way and how we can modify it to make it work like the other ProductCart programs.

Author	Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic
BNC4477 Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 27-May-2007 Location: United States Status: Offline Points: 0	Post Options Post Reply Quote BNC4477 Report Post Thanks(0) Quote Reply Topic: Displaying text before images in IE Posted: 26-June-2008 at 11:27pm
	Most of the ProductCart programs work pretty well in this regard. When using Internet Explorers 6 and 7, the screens are displayed in a manner where the text and other non-image content appear on the screen before the images do. This can be very important for dialup users when you have ProductCart screens with several pictures on them, as the screen will display several seconds before all the images show up. Both the main menu program (home.asp) and the View Categories program (viewcat.asp) do this just fine. However, one of the most frequently used programs does not work this way -- the one where you view individual products (viewprd.asp). The screen data will not display until ALL of the images have been loaded, creating delays of several seconds. Anyone familiar with this situation? We would like to modify the viewprd.asp and associated programs (as little as possible) to make this feature of IE work for this part of ProductCart. We run version 3.051a of the standard ProductCart. Any help in this area would be greatly appreciated. In particular, what is causing it to work this way and how we can modify it to make it work like the other ProductCart programs.

Tim Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 28-June-2008 Status: Offline Points: 0	Post Options Post Reply Quote Tim Report Post Thanks(0) Quote Reply Posted: 28-June-2008 at 2:37am
	It's extremely weird that you posted such an obscure question only one day before I had the exact same question myself! :) I too want to know more about how to do this. PC load time is adversely affected by pre-loading images on product detail and also my custom homepage. To be more specific, I've got a page weight of around 175k on my product detail page and it takes longer to appear than a product detail page weighing 388k from walmart.com. It's clear that walmart and some other retailers have optimized their code to display lightweight items immeadiately and then load heavier elements following that. It's been forever since I've tackled such dev challenges, so I forget what little knowledge I used to have regarding manipulation of browser rendering speed and order via markup/coding. However, I wish to ask this in the greater context of "What are best practices and tips on optimizing PC for load time / performance?" As we speak, I am searching through threads to uncover this information. Should I fail to find it, I will start a separate thread to gather this info within. Edited by Tim - 28-June-2008 at 2:40am
	-- Tim Salam Stuffington Bear Factory ~Teddy Bears Made in the USA~ http://www.stuffington.com/

BNC4477 Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 27-May-2007 Location: United States Status: Offline Points: 0	Post Options Post Reply Quote BNC4477 Report Post Thanks(0) Quote Reply Posted: 28-June-2008 at 1:33pm
	Good news, Tim! I found the culprit. Program viewprd.asp, look for the statement: <!--#include file="inc_PrdCatTip.asp"--> It needs to be moved to just before the statement: <div id="pcMain"> Apparently the AJAX code cannot be in the midst of the table if you want the text to be rendered before the images are displayed in IE. ProductCart did this correctly in their menu program home.asp. Hopefully EI will implement this in a future release.

Tim Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 28-June-2008 Status: Offline Points: 0	Post Options Post Reply Quote Tim Report Post Thanks(0) Quote Reply Posted: 30-June-2008 at 11:53am
	Very cool, I will try this out and report back results. Many thanks to you!
	-- Tim Salam Stuffington Bear Factory ~Teddy Bears Made in the USA~ http://www.stuffington.com/

Tim Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 28-June-2008 Status: Offline Points: 0	Post Options Post Reply Quote Tim Report Post Thanks(0) Quote Reply Posted: 30-June-2008 at 12:13pm
	Nice, it seems to work just as you describe. Now, product detail pages load slightly quicker with images loading in beyond the rendering of the HTML file. Still slow, but for some other reasons. This got me an important step closer though. Much appreciated, thanks much!
	-- Tim Salam Stuffington Bear Factory ~Teddy Bears Made in the USA~ http://www.stuffington.com/

BNC4477 Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 27-May-2007 Location: United States Status: Offline Points: 0	Post Options Post Reply Quote BNC4477 Report Post Thanks(0) Quote Reply Posted: 30-June-2008 at 1:00pm
	Tim -- Also take a look at program compression. There's a lot to be gained by compressing certain programs and css tables. One program used in product display, viewprdcode.asp, was reduced in size by over 30K. A good compression program like Web Site Maestro can be purchased for around $30, with a 30 day free trial. Also, avoid comments in HTML code as they get transmitted over the phone lines, whereas comments written in ASP do not. Hope this helps. Good luck!

Tim Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 28-June-2008 Status: Offline Points: 0	Post Options Post Reply Quote Tim Report Post Thanks(0) Quote Reply Posted: 30-June-2008 at 1:05pm
	Very good tips. I will take a look at the compression. I wonder if this is considered "ok" with EI or would they regard this as an unrecommended method? Forgive me, I'm not well versed in the finer details of programming (I know enough to be dangerous) so I'm not aware of how compression is regarded in general as it relates to programming. As for commenting, I think our HTML comments are pretty lightweight but I will review the css files (I trust the same rule applies there). Interesting factoid about .asp comments not being transmitted, didn't know that. Many thanks,
	-- Tim Salam Stuffington Bear Factory ~Teddy Bears Made in the USA~ http://www.stuffington.com/

Hamish Members Profile Send Private Message Find Members Posts Add to Buddy List Admin Group Joined: 12-October-2006 Location: United Kingdom Status: Offline Points: 56	Post Options Post Reply Quote Hamish Report Post Thanks(0) Quote Reply Posted: 30-June-2008 at 2:10pm
	Hi Tim, Two key things : - I'm sure all these compression programs preserve the original version of the code in a separate directory, or rather, write the new version to an alternative set of directories. Double check though :-) - I would also assume that the compressed version will be fairly or completely unreadable, so one, minor, consideration is that if you ever need external support and that third party (EA or whomever) needs to access the files via FTP then they will only get to the mangled versions. That's easily dealt with though & a rare occurance. None of the ASP code is sent to the browser, comments included. The ASP code does all it's magic at the server end.
	Editing ProductCart Code? See WIKI Guidelines for Editing ProductCart's ASP Source Code