dealing with large data in ajax
TRANSCRIPT
Dealing with Dealing with large data in large data in AjaxAjax
Robert Buffone
Chief Architect
Nexaweb Technologies
Agenda
• The Basics
• XML vs. JSON
• Delayed loading
• Paging
• Infinite Scrollbars
The Basics
• JavaScript Performance
• Data Processing
• Development
• DOM Creation
• Asynchronous
• Data Hiding
• Visual Tricks
Bonues
Challenges
Balance Your Constraints
• Processor
• Memory
• Network
XML vs. JSON
• Transfer Size
• Parsing
• Navigation
• Data Traversal
• Security
Delayed Loading
• Only create UI for the visible presentation.
– Example: www.yahoo.com
• Minimizes
– Startup time
– Bandwidth requirements
• User may never want the data
Paging
• Same principal as any application
• Load data in pieces
• Manage the state of the navigation bar
Infinite Scrollbars
• Capture Scroll Event
• Understand when user wants to scroll
• Notify user of paging
• Append Data
Ajax Performance
• Limit use of String concatenation
• Use for (i++) over for (in)
• Avoid using exceptions
• Minimize code needed
• Watch your scope
• More information can be found at http://www.rockstarapps.com
Visual Tricks
• Give users queues about progress.
• Overalls stop users from redoing an ongoing action.
• Display controls will data is loading.
Questions
• Type Questions into either the Chat or Q&A windows and I will answer them.
Getting Started
12
Attendees are eligible for:
• Extended Nexaweb Evaluation License
6-months plus 10 hours of Free Email SupportDownload Now: www.nexaweb.com/go/try
• FREE On-site Ajax Performance Consultation 1 day, on-site consultation by Nexaweb Tech Services.
Limited to first 5 respondents (US only). Customer is responsible for consultant travel expenses (maximum of $1,000 US).
Contact:Doug MonizNexaweb Business [email protected]