The document discusses various techniques for enabling offline functionality in Ajax applications, including browser storage options like cookies, Firefox offline storage, and Flash shared objects. It also covers approaches for pushing data from server to client like polling, asynchronous servlets, Comet, and piggybacking on other responses. The document concludes with considerations for optimizing Ajax performance such as data formats, bandwidth usage, and client-side processing.

1. Ajax to the Moon Dave Johnson CTO and Co-founder Nitobi www.nitobi.com

6. Clients

8. Offline Ajax http://www.flickr.com/photos/natearcher/378519540/

9. Know your users

11. http://www.flickr.com/photos/plakboek/339017053/

30. Salesforce.com Local Proxy

33. Proxy Whole Hog Flash Browser Specific Cookies Concurrency Performance End user reqs / Penetration

34. Proxy Whole Hog Flash Browser Specific Cookies Concurrency Performance End user reqs / Penetration

35. Proxy Whole Hog Flash Browser Specific Cookies Concurrency Performance End user reqs / Penetration

36. Proxy Whole Hog Flash Browser Specific Cookies Concurrency Performance End user reqs / Penetration

37. Proxy Whole Hog Flash Browser Specific Cookies Concurrency Performance End user reqs / Penetration

39. Pushing Ajax http://www.flickr.com/photos/vidiot/69075298/

40. Watch out for your thumb

42. How Does it Work? Big scary Internet Innocent MySpace user MySpace Evil Empire TM

44. http://www.flickr.com/photos/roadhunter/68017710/

45. How Does it Work? Big scary Internet Innocent MySpace user MySpace Evil Empire TM thumb twiddling …

47. http://www.flickr.com/photos/rev_bri/112249215/

55. Ajax Performance http://www.flickr.com/photos/edfladung/451378444/ Ajax Performance

56. Ask questions first, optimize second

58. Lifecycle

63. Internet Explorer

64. Firefox

65. http://www.jamesward.org/census/ Firefox Internet Explorer

66. XSLT Cross Browser Performance

68. XSLT Performance

73. General DOM Function

77. Simple Example var _a = function (a){ var b=0; var c=a.length; for ( var d=0;d<c;d++){b+=a[d];} return b/c;} var calcAverage =_a; /** * @private */ var _calcAverage = function(aNumber) { var nTotal = 0; var iLength = aNumber.length; for ( var iIndex = 0; i<iLength; i++) { nTotal += aNumber[iIndex]; } return nTotal/iLength; } /** * Calculates the average of an array of numbers. * @param {Array} Array of numbers to average. */ var calcAverage = _calcAverage;

81. How Small is It? Size (Kb) Original 9.3 Minify 3.9 GZip / Deflate 2.8 Minify + GZip / Deflate 1.3 Size Reduction 86% Expected Results for JavaScript Compression

83. Image Merging