Dealing With Large Data In Ajax

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 Development781.345.5448dmoniz@nexaweb.com