how browsers render pages
-
I want to learn about browsers, mostly on internet explorer, how they took a page data and render it to client. And want to get performance tips for making more faster pages by learning explorer ways of doign its job. I want to find answers of question like... --> which one is best fast for ie .. using divs or tables to layout conttent? --> when to include style data in page or when to put style on a css file? --> how to find javascript usage of cpu and ram on a page, and compare with each other? --> does flash object is bad for rendering speed of a page? --> which doctype is best, in which stuation --> is it really helps giving all dimension, like height, to tags that explore do not need to think about it. --> how many percent of a page elemnets takes total time of rendering all elements. .... and so on.. Please send any urls, or clues on the subject, and give your opinions. thanks.
karanba
-
I want to learn about browsers, mostly on internet explorer, how they took a page data and render it to client. And want to get performance tips for making more faster pages by learning explorer ways of doign its job. I want to find answers of question like... --> which one is best fast for ie .. using divs or tables to layout conttent? --> when to include style data in page or when to put style on a css file? --> how to find javascript usage of cpu and ram on a page, and compare with each other? --> does flash object is bad for rendering speed of a page? --> which doctype is best, in which stuation --> is it really helps giving all dimension, like height, to tags that explore do not need to think about it. --> how many percent of a page elemnets takes total time of rendering all elements. .... and so on.. Please send any urls, or clues on the subject, and give your opinions. thanks.
karanba
karanba wrote:
--> which one is best fast for ie .. using divs or tables to layout conttent?
Honestly you would need to be formatting an insane amount of data to really see the difference, but divs can be processed slightly faster because they are each individual objects, a table is completely constructed before it is shown to the user.
karanba wrote:
--> when to include style data in page or when to put style on a css file?
If you have a lot of pages that use the same styling then CSS is faster, because it is downloaded once. Otherwise embedded CSS is faster on a per page basis.
karanba wrote:
--> how to find javascript usage of cpu and ram on a page, and compare with each other?
I don't think you can, but JavaScript rarely takes up too much CPU/Ram.
karanba wrote:
--> does flash object is bad for rendering speed of a page?
Flash will slow download, but once down the rendering is nto affected. Just make sure it loads into an area with a predefined size.
karanba wrote:
--> which doctype is best, in which stuation
This really depends on how structured you code is. If you think that you can make a XHTML page with no problems, then use it, otherwise use transitional.
karanba wrote:
--> is it really helps giving all dimension, like height, to tags that explore do not need to think about it.
It depends on what you are rendering, if it is dynamic text which does not have a height limitation then leave it, else set it and set the overflow/
karanba wrote:
--> how many percent of a page elemnets takes total time of rendering all elements.
:wtf: Hope that helped. Want to know anything else?
Brad Australian By contacting your lawyer you negate the right to sue me.
-
karanba wrote:
--> which one is best fast for ie .. using divs or tables to layout conttent?
Honestly you would need to be formatting an insane amount of data to really see the difference, but divs can be processed slightly faster because they are each individual objects, a table is completely constructed before it is shown to the user.
karanba wrote:
--> when to include style data in page or when to put style on a css file?
If you have a lot of pages that use the same styling then CSS is faster, because it is downloaded once. Otherwise embedded CSS is faster on a per page basis.
karanba wrote:
--> how to find javascript usage of cpu and ram on a page, and compare with each other?
I don't think you can, but JavaScript rarely takes up too much CPU/Ram.
karanba wrote:
--> does flash object is bad for rendering speed of a page?
Flash will slow download, but once down the rendering is nto affected. Just make sure it loads into an area with a predefined size.
karanba wrote:
--> which doctype is best, in which stuation
This really depends on how structured you code is. If you think that you can make a XHTML page with no problems, then use it, otherwise use transitional.
karanba wrote:
--> is it really helps giving all dimension, like height, to tags that explore do not need to think about it.
It depends on what you are rendering, if it is dynamic text which does not have a height limitation then leave it, else set it and set the overflow/
karanba wrote:
--> how many percent of a page elemnets takes total time of rendering all elements.
:wtf: Hope that helped. Want to know anything else?
Brad Australian By contacting your lawyer you negate the right to sue me.
-
thanks this answer really help..but I want more..:) I go on key rendering engine for browsers but could not catch any good resource also no resource about that. what could be the key word for this subjects to searc for.
karanba
Honestly the documentation in this area is very poor. If you had to look something up then probably research: 1. Cache That is pretty much the key to the fastest pages. One thing you have to realize is that once the browser receives all the information the rendering takes milliseconds. I'll give you a hint that will help you speed up your download/rendering times. Research how to properly deploy a XML/XSLT solution. What this does is put all the rendering and formating information in one place(this can even make menus, banners, footers, etc) and it is only downloaded once by the user. Then you make every page in XML with little/no formating. This means that only the unique content for every page is downloaded. The XSLT is only downloaded once and then stored in the Cache. If you need information in more specific areas I'd be happy to help.
Brad Australian By contacting your lawyer you negate the right to sue me.