DHTML을 빠르게 하는 12가지 튜닝

Faster DHTML in 12 Steps

http://msdn2.microsoft.com/en-us/library/ms533019(VS.85).aspx


MSDN 에서 빠른 DHTML 제공을 위한 12가지 튜닝에 대한 절차를 문서화한 내용입니다.

영문으로 제공되어 있지만 내용이 꼭 필요한 내용이고 그다지 어렵지 않은 단어로 되어 있어 보기 너무 어렵지는 않을거 같네요..(어렵다면 죄송.. -_ -)

원문의 목차를 보면 다음과 같습니다.(스크랩..)

The introduction of Dynamic HTML (DHTML) in Microsoft Internet Explorer 4.0 made available a new programming model to Web authors and developers. Since then, Web authors have taken advantage of this powerful feature to provide dynamic content, styles, and positioning, enabling a rich interactive experience for the Web user. Because of the flexibility of DHTML, there is often more than one way to accomplish what you want to do. Understanding how the HTML parsing and rendering component of Windows Internet Explorer processes your requests can give you the edge when deciding which methods work best for the job. This article describes how using some DHTML features can affect performance more than others, and it presents tips that will help your pages perform faster.

• Batch Your DHTML Changes
• Talk to Your innerText
• Use the DOM to Add Individual Elements
• Expand Your Options in a SELECT Element
• Use the DOM to Update Tables
• Write Once, Use Many Times
• Don't Be Too Dynamic with Your Properties
• Data Binding is Good for You
• Keep Your Expando Properties Off the Document
• Avoid switching classes and style rules
• Collapse a Text Range Before Finding the Parent
• Related Topics

DHTML을 개발하면서 크게 하는 실수는 너무 주관적인 생각만으로 하다보니 효용성이나 사용자 관점을 생각하지 못하는 실수를 하게되거나 퍼포먼스를 고려하지 않는 문제 또는 브라우져 호환성을 고려하지 않는 등의 문제가 발생할 수 있죠.

시간 나실 때 위 원문을 한번 보시는게 어떨지 ^ ^



관련글
2007/08/30 - [CSS] - IE와 W3C의 박스 차이에 의한 CSS 코딩 방식
2008/01/08 - [Sites] - HTML, CSS, JS 등 Markup과 DHTML의 기초를 위한 추천사이트
2008/01/31 - [JavaScript] - 드래그 드랍(Drag and Drop) 으로 개체의 정보 다루기
2008/02/12 - [JavaScript] - JavaScript Obejct 형식의 데이터를 덤프하여 내용 보기