Ajax Performance
•Download as PPT, PDF•
3 likes•1,778 views
The document discusses optimizing performance for Ajax applications. It recommends: - Keeping client-side code light by only requesting necessary data from the server via JSON messages. - Avoiding unnecessary DOM touches and reflows which are computationally expensive. - Measuring performance before and after optimizations to validate improvements rather than relying on intuition. - Optimizing algorithms and avoiding unnecessary work rather than prematurely optimizing without evidence of need.
Report
Share
Report
Share
![JavaScript: The Good Parts Part Six: Ajax Performance Douglas Crockford [email_address]](https://image.slidesharecdn.com/ajax-performance-090322125913-phpapp02/85/Ajax-Performance-1-320.jpg)
Recommended
The Theory Of The Dom
- The original vision of the World Wide Web was as a hyperlinked document retrieval system, not for presentation, sessions, or interactivity. If it had stayed true to this vision, modern sites like Yahoo would not exist.
- Browser wars in the 1990s led to proprietary technologies that frustrated developers. The introduction of JavaScript in 1995 allowed for dynamic and interactive web pages.
- By the 2000s, Microsoft's Internet Explorer dominated the browser market, bringing some stability through standards like DOM and DHTML. However, cross-browser differences still posed challenges for developers.
Secrets of JavaScript Libraries
The document discusses secrets and techniques for JavaScript libraries. It covers topics like the JavaScript language, cross-browser code, events, DOM traversal, styles, animations, distribution, and HTML insertion. It provides examples and explanations of techniques for class creation, timers, options, subclassing, custom events, selector internals, computed styles, and dimension calculations.
GWT is Smarter Than You
The document discusses the benefits of using Google Web Toolkit (GWT) for building AJAX applications. It summarizes key features of GWT like cross-compiling Java to JavaScript, deferred binding, compiler optimizations, and UI improvements in GWT 2.x like CSS resources, image inlining, and UiBinder. It encourages adopting GWT for its speed advantages like file caching and reduced payload sizes.
The DOM is a Mess @ Yahoo
The document discusses the messy and buggy state of the DOM across browsers and strategies for writing cross-browser JavaScript code. It notes that nearly every DOM method has bugs or inconsistencies in some browsers. It then covers strategies like feature detection, graceful fallback for missing features, simulating features via workarounds, monitoring for regressions, and having a robust test suite to prevent regressions in one's own code. The overall message is that the DOM is messy and one needs to "know your enemies" by thoroughly testing code in all target browsers.
JavaScript Library Overview
The document discusses different approaches to using JavaScript libraries, including plug-and-play widgets, libraries that require some coding, and writing raw JavaScript from scratch. It then examines popular open-source JavaScript libraries like Prototype, jQuery, Yahoo UI, and Dojo, comparing their features, functionality, and widgets. The ideal library should have a robust core feature set along with user interface widgets, active development and support, and good documentation.
Mobile optimization
PhoneGap Training - Optimus Prime
"More computing sins are committed in the name of efficiency (without necessarily achieving it) than for any other single reason — including blind stupidity."
— W.A. Wulf
Performance Optimization and JavaScript Best Practices
Performance optimization and JavaScript best practices tips are discussed in the talk. Here are some of the tips:
Put stylesheets at the top (css)
Move scripts to the bottom (javascript)
Provide a clean separation of content, CSS, and JavaScript
De-reference unused objects
Think Asynchronous
Working with Objects
Defer Loading Resources
Use JSLint -- Code Quality Tool
Reduce the size of JavaScript file
gzip
General JavaScript Coding Best Practices
Use === Instead of ==
Eval = Bad
Don’t Use Short-Hand
Reduce Globals: Namespace
Don't Pass a String to "SetInterval" or "SetTimeOut"
Use {} Instead of New Object()
Use [] Instead of New Array()
Maintainable JavaScript 2011
Writing JavaScript as a hobby and writing JavaScript as a job are two very different things. Learn some common practices for making your JavaScript friendly to a team environment.
Recommended
The Theory Of The Dom
- The original vision of the World Wide Web was as a hyperlinked document retrieval system, not for presentation, sessions, or interactivity. If it had stayed true to this vision, modern sites like Yahoo would not exist.
- Browser wars in the 1990s led to proprietary technologies that frustrated developers. The introduction of JavaScript in 1995 allowed for dynamic and interactive web pages.
- By the 2000s, Microsoft's Internet Explorer dominated the browser market, bringing some stability through standards like DOM and DHTML. However, cross-browser differences still posed challenges for developers.
Secrets of JavaScript Libraries
The document discusses secrets and techniques for JavaScript libraries. It covers topics like the JavaScript language, cross-browser code, events, DOM traversal, styles, animations, distribution, and HTML insertion. It provides examples and explanations of techniques for class creation, timers, options, subclassing, custom events, selector internals, computed styles, and dimension calculations.
GWT is Smarter Than You
The document discusses the benefits of using Google Web Toolkit (GWT) for building AJAX applications. It summarizes key features of GWT like cross-compiling Java to JavaScript, deferred binding, compiler optimizations, and UI improvements in GWT 2.x like CSS resources, image inlining, and UiBinder. It encourages adopting GWT for its speed advantages like file caching and reduced payload sizes.
The DOM is a Mess @ Yahoo
The document discusses the messy and buggy state of the DOM across browsers and strategies for writing cross-browser JavaScript code. It notes that nearly every DOM method has bugs or inconsistencies in some browsers. It then covers strategies like feature detection, graceful fallback for missing features, simulating features via workarounds, monitoring for regressions, and having a robust test suite to prevent regressions in one's own code. The overall message is that the DOM is messy and one needs to "know your enemies" by thoroughly testing code in all target browsers.
JavaScript Library Overview
The document discusses different approaches to using JavaScript libraries, including plug-and-play widgets, libraries that require some coding, and writing raw JavaScript from scratch. It then examines popular open-source JavaScript libraries like Prototype, jQuery, Yahoo UI, and Dojo, comparing their features, functionality, and widgets. The ideal library should have a robust core feature set along with user interface widgets, active development and support, and good documentation.
Mobile optimization
PhoneGap Training - Optimus Prime
"More computing sins are committed in the name of efficiency (without necessarily achieving it) than for any other single reason — including blind stupidity."
— W.A. Wulf
Performance Optimization and JavaScript Best Practices
Performance optimization and JavaScript best practices tips are discussed in the talk. Here are some of the tips:
Put stylesheets at the top (css)
Move scripts to the bottom (javascript)
Provide a clean separation of content, CSS, and JavaScript
De-reference unused objects
Think Asynchronous
Working with Objects
Defer Loading Resources
Use JSLint -- Code Quality Tool
Reduce the size of JavaScript file
gzip
General JavaScript Coding Best Practices
Use === Instead of ==
Eval = Bad
Don’t Use Short-Hand
Reduce Globals: Namespace
Don't Pass a String to "SetInterval" or "SetTimeOut"
Use {} Instead of New Object()
Use [] Instead of New Array()
Maintainable JavaScript 2011
Writing JavaScript as a hobby and writing JavaScript as a job are two very different things. Learn some common practices for making your JavaScript friendly to a team environment.
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015
Many Spring projects exist that leverage XML for their configuration and bean definitions. Most Java web applications use a web.xml to configure their servlets, filters and listeners. This session shows you how you can eliminate XML by configuring your Spring beans with JavaConfig and annotations. It also shows how you can remove your web.xml and configure your web components with Java.
jQuery with javascript training by Technnovation Labs
At TLabs, we respect the demand of time & love to go along with it. Acknowledging the trends we serve neatly designed syllabus that explores jQuery covering the thorough fundamentals of JavaScript. Having a basic knowledge of JavaScript will go a long way in understanding, structuring, and debugging your code. After the completion of this course, you will be able to create plug-ins on top of the JavaScript library to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and web applications as well.
Mobile HTML, CSS, and JavaScript
This document summarizes various features and APIs available for mobile web development. It discusses viewport meta tags, touch events, gesture events, media queries, and device features like the device pixel ratio and connection type. It also lists some popular mobile JavaScript libraries. The document provides code examples for touch, gesture, and device motion events.
Even more java script best practices
As a guest speaker in NCU, I gave this second talk about some more advanced practices of JavaScript programming. It summarised our experience learned from developing Mozilla/Gaia project, including the way to deal with asynchronous code flow with the event-driven model.
jQuery Proven Performance Tips & Tricks
Performance optimization is a crucial aspect of building ‘snappy’ client-side applications and something which all developers using jQuery should bear in mind. In this talk, we're going to take a look at some of the best practices, tips and tricks for improving the performance of your jQuery code in 2011 with some quick wins and a few new surprises along the way.
JavaScript Misunderstood
The document discusses JavaScript and provides an overview of common misconceptions about the language as well as best practices. It notes that JavaScript's name is misleading as it is not related to Java and was originally called LiveScript. It then outlines some design errors in JavaScript and also highlights the language's powerful features like being object-oriented, functional, and useful for AJAX applications. The document concludes by encouraging learning JavaScript best practices.
Unit and functional testing with Siesta
This document summarizes a presentation about using the Siesta testing framework for unit and functional testing of JavaScript code. The presentation covers the benefits of Siesta, how to write unit tests, how to do functional testing by simulating user interactions, querying components, and new features of Siesta like an improved UI, auto-scrolling, and code coverage. It also provides examples of unit tests for a user model class and discusses testing views by testing components in isolation and their public API.
GWT Introduction and Overview - SV Code Camp 09
This document summarizes a presentation about Google Web Toolkit (GWT). It discusses how GWT allows developers to write code in Java and compile it to optimized JavaScript. GWT handles cross-browser compatibility issues and improves developer productivity through features like Java debugging and code splitting. It also improves end user performance through techniques like deferred binding, image sprites, and compiler optimizations that minimize code size and roundtrip times.
Building scalable applications with angular js
This document discusses best practices for organizing AngularJS applications. It recommends organizing files by feature rather than type, with each feature having related HTML, CSS, tests, etc. It also recommends structuring modules to mirror the URL structure and listing submodules as dependencies. The document discusses using services for reusable logic rather than large controllers. It emphasizes writing tests, managing technical debt, following code style guides, and using task runners like Grunt or Gulp to automate tasks.
Building web apps with node.js, socket.io, knockout.js and zombie.js - Codemo...
Node.js is a JavaScript runtime built on Chrome's V8 engine that is lightweight and efficient for building fast web applications. It allows single-threaded, event-driven programming that is ideal for I/O intensive applications like web servers. The document discusses why Node.js is exciting for developers, how it works asynchronously using callbacks, and how frameworks like Express.js help build full-featured web applications with Node.js.
Javascript Module Patterns
This document discusses JavaScript module patterns, which help organize and limit the scope of code in projects. It covers different patterns for creating objects and modules, including using constructors, prototypes, the revealing module pattern, CommonJS, and AMD. The basic module pattern allows defining private and public members to encapsulate data and functions. Later patterns like CommonJS and AMD build on this to support asynchronous loading and use in different environments like the browser and Node.js.
Building a Startup Stack with AngularJS
Presented at SCREENS 2013 in Toronto with Nick Van Weerdenburg
Save 10% off ANY FITC event with discount code 'slideshare'
See our upcoming events at www.fitc.ca
AngularJS is a hot, hot, hot topic. Building web and mobile apps in AngularJS is an ease but there is a learning curve. In this session, you’ll learn the ins and outs of AngularJS and leave the session knowing how to build killer AngularJS apps.
React
The document describes React, a JavaScript library for building user interfaces. It introduces some key concepts of React including components, props, state, and the virtual DOM. Components are the building blocks of React apps and can be composed together. Props provide immutable data to components, while state provides mutable data. The virtual DOM allows React to efficiently update the real DOM by only changing what needs to be changed. Data flows unidirectionally in React from parent to child components via props, and state updates within a component are handled via setState().
Object Oriented Javascript
This document provides an introduction to object oriented JavaScript. It covers JavaScript basics like variables, operators, and functions. It discusses objects, prototypes, and inheritance. It explains special functions like bind, call, apply. It covers callbacks, promises, and asynchronous programming. It discusses topics like this, closures, and controlling asynchronous flow. The document is an agenda that provides an overview of key concepts in object oriented JavaScript.
JavaScript 2.0 in Dreamweaver CS4
The document discusses JavaScript and the Spry framework in Adobe Dreamweaver CS4. It provides an overview of JavaScript development, how Dreamweaver is helping with tools like code hinting, debugging and live preview. It then focuses on explaining the Spry framework, how it provides widgets, effects, datasets and integration with Dreamweaver.
Create responsive websites with Django, REST and AngularJS
The document discusses 10 steps to make a Django site more responsive by adding a REST API and using AngularJS for the front-end: 1) Create an API endpoint for the Django models, 2) Set up the JavaScript environment and install AngularJS, 3) Create a static AngularJS site, 4) Use verbatim tags to avoid conflicts between Django and AngularJS variables, 5) Connect AngularJS to the API, 6) Take advantage of the Django REST Framework features, 7) Handle asynchronous data loading, 8) Add forms and POST requests, 9) Clean up settings.py, and 10) Document the API. The goal is to keep the back-end lightweight Django while building a more responsive and
JavaOne TS-5098 Groovy SwingBuilder
The document discusses the SwingBuilder in Groovy, which provides a declarative domain-specific language (DSL) for building Swing graphical user interface (GUI) applications. It covers SwingBuilder basics like building windows and components, advanced features like actions, bindings, and threading, and how to extend SwingBuilder by adding custom components or entire suites of components from libraries like SwingX.
High Performance JavaScript - WebDirections USA 2010
This document summarizes Nicholas C. Zakas' presentation on high performance JavaScript. It discusses how the browser UI thread handles both UI updates and JavaScript execution sequentially. Long running JavaScript can cause unresponsive UIs. Techniques to ensure responsive UIs include limiting JavaScript execution time, using timers or web workers to break up processing, reducing repaints and reflows, and grouping style changes. Hardware acceleration and optimizing JavaScript engines have improved performance but responsive UIs still require discipline.
Thomas Fuchs Presentation
This document discusses various tools and techniques for testing JavaScript code, including:
1. Unit testing frameworks like Test.Unit that allow writing tests with assertions and automatically running tests.
2. Using Rake tasks to automate running tests and controlling browsers.
3. Behavior-driven development (BDD) techniques like RSpec that allow writing tests as should/is statements directly on objects.
4. Debugging tools like Firebug, Safari Web Inspector, and Microsoft Script Debugger for troubleshooting JavaScript issues.
AngularJS - Overcoming performance issues. Limits.
This document discusses AngularJS performance and limits. It begins by covering view watches and data bindings, noting that having too many can lag the UI. It recommends using single bindings where possible. It also discusses only displaying visible elements, avoiding polluting scopes, and being aware of the performance of directives and external components. The document notes some technical limits of AngularJS with large dynamic data sets, and that for real-time apps with frequent data changes, a lightweight framework may be preferable. It emphasizes thinking about performance during development and not assuming frameworks are inherently fast. In summary, the document provides tips on optimizing AngularJS performance by reducing watches, only updating visible elements, and avoiding scope pollution.
Douglas Crockford - Programming Style and Your Brain
Computer programs are the most complicated things that humans make. They must be perfect, which is hard for us because humans are not perfect. Programming is thought to be a “head” activity, but there is a lot of “gut” involved. Indeed, it may be the gut that gives us the insight necessary for solving hard problems. But gut messes us up when it come to matters of style. The systems in our brains that make us vulnerable to advertising and propaganda also influence our programming styles. This talk looks systematically at the development of a programming style that specifically improves the reliability of programs. The examples are given in JavaScript, a language with an uncommonly large number of bad parts, but the principles are applicable to all programming languages.
Performance, Games, and Distributed Testing in JavaScript
This document discusses various techniques for measuring and optimizing JavaScript performance, including profiling tools in browsers like Firebug and Safari. It also addresses challenges in building multiplayer JavaScript games, such as latency issues, and proposes solutions like combining elements of strategy, intelligence and accuracy. The document concludes by covering distributed and automated testing techniques like TestSwarm that can help address challenges of testing JavaScript across many browsers and platforms.
More Related Content
What's hot
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015
Many Spring projects exist that leverage XML for their configuration and bean definitions. Most Java web applications use a web.xml to configure their servlets, filters and listeners. This session shows you how you can eliminate XML by configuring your Spring beans with JavaConfig and annotations. It also shows how you can remove your web.xml and configure your web components with Java.
jQuery with javascript training by Technnovation Labs
At TLabs, we respect the demand of time & love to go along with it. Acknowledging the trends we serve neatly designed syllabus that explores jQuery covering the thorough fundamentals of JavaScript. Having a basic knowledge of JavaScript will go a long way in understanding, structuring, and debugging your code. After the completion of this course, you will be able to create plug-ins on top of the JavaScript library to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and web applications as well.
Mobile HTML, CSS, and JavaScript
This document summarizes various features and APIs available for mobile web development. It discusses viewport meta tags, touch events, gesture events, media queries, and device features like the device pixel ratio and connection type. It also lists some popular mobile JavaScript libraries. The document provides code examples for touch, gesture, and device motion events.
Even more java script best practices
As a guest speaker in NCU, I gave this second talk about some more advanced practices of JavaScript programming. It summarised our experience learned from developing Mozilla/Gaia project, including the way to deal with asynchronous code flow with the event-driven model.
jQuery Proven Performance Tips & Tricks
Performance optimization is a crucial aspect of building ‘snappy’ client-side applications and something which all developers using jQuery should bear in mind. In this talk, we're going to take a look at some of the best practices, tips and tricks for improving the performance of your jQuery code in 2011 with some quick wins and a few new surprises along the way.
JavaScript Misunderstood
The document discusses JavaScript and provides an overview of common misconceptions about the language as well as best practices. It notes that JavaScript's name is misleading as it is not related to Java and was originally called LiveScript. It then outlines some design errors in JavaScript and also highlights the language's powerful features like being object-oriented, functional, and useful for AJAX applications. The document concludes by encouraging learning JavaScript best practices.
Unit and functional testing with Siesta
This document summarizes a presentation about using the Siesta testing framework for unit and functional testing of JavaScript code. The presentation covers the benefits of Siesta, how to write unit tests, how to do functional testing by simulating user interactions, querying components, and new features of Siesta like an improved UI, auto-scrolling, and code coverage. It also provides examples of unit tests for a user model class and discusses testing views by testing components in isolation and their public API.
GWT Introduction and Overview - SV Code Camp 09
This document summarizes a presentation about Google Web Toolkit (GWT). It discusses how GWT allows developers to write code in Java and compile it to optimized JavaScript. GWT handles cross-browser compatibility issues and improves developer productivity through features like Java debugging and code splitting. It also improves end user performance through techniques like deferred binding, image sprites, and compiler optimizations that minimize code size and roundtrip times.
Building scalable applications with angular js
This document discusses best practices for organizing AngularJS applications. It recommends organizing files by feature rather than type, with each feature having related HTML, CSS, tests, etc. It also recommends structuring modules to mirror the URL structure and listing submodules as dependencies. The document discusses using services for reusable logic rather than large controllers. It emphasizes writing tests, managing technical debt, following code style guides, and using task runners like Grunt or Gulp to automate tasks.
Building web apps with node.js, socket.io, knockout.js and zombie.js - Codemo...
Node.js is a JavaScript runtime built on Chrome's V8 engine that is lightweight and efficient for building fast web applications. It allows single-threaded, event-driven programming that is ideal for I/O intensive applications like web servers. The document discusses why Node.js is exciting for developers, how it works asynchronously using callbacks, and how frameworks like Express.js help build full-featured web applications with Node.js.
Javascript Module Patterns
This document discusses JavaScript module patterns, which help organize and limit the scope of code in projects. It covers different patterns for creating objects and modules, including using constructors, prototypes, the revealing module pattern, CommonJS, and AMD. The basic module pattern allows defining private and public members to encapsulate data and functions. Later patterns like CommonJS and AMD build on this to support asynchronous loading and use in different environments like the browser and Node.js.
Building a Startup Stack with AngularJS
Presented at SCREENS 2013 in Toronto with Nick Van Weerdenburg
Save 10% off ANY FITC event with discount code 'slideshare'
See our upcoming events at www.fitc.ca
AngularJS is a hot, hot, hot topic. Building web and mobile apps in AngularJS is an ease but there is a learning curve. In this session, you’ll learn the ins and outs of AngularJS and leave the session knowing how to build killer AngularJS apps.
React
The document describes React, a JavaScript library for building user interfaces. It introduces some key concepts of React including components, props, state, and the virtual DOM. Components are the building blocks of React apps and can be composed together. Props provide immutable data to components, while state provides mutable data. The virtual DOM allows React to efficiently update the real DOM by only changing what needs to be changed. Data flows unidirectionally in React from parent to child components via props, and state updates within a component are handled via setState().
Object Oriented Javascript
This document provides an introduction to object oriented JavaScript. It covers JavaScript basics like variables, operators, and functions. It discusses objects, prototypes, and inheritance. It explains special functions like bind, call, apply. It covers callbacks, promises, and asynchronous programming. It discusses topics like this, closures, and controlling asynchronous flow. The document is an agenda that provides an overview of key concepts in object oriented JavaScript.
JavaScript 2.0 in Dreamweaver CS4
The document discusses JavaScript and the Spry framework in Adobe Dreamweaver CS4. It provides an overview of JavaScript development, how Dreamweaver is helping with tools like code hinting, debugging and live preview. It then focuses on explaining the Spry framework, how it provides widgets, effects, datasets and integration with Dreamweaver.
Create responsive websites with Django, REST and AngularJS
The document discusses 10 steps to make a Django site more responsive by adding a REST API and using AngularJS for the front-end: 1) Create an API endpoint for the Django models, 2) Set up the JavaScript environment and install AngularJS, 3) Create a static AngularJS site, 4) Use verbatim tags to avoid conflicts between Django and AngularJS variables, 5) Connect AngularJS to the API, 6) Take advantage of the Django REST Framework features, 7) Handle asynchronous data loading, 8) Add forms and POST requests, 9) Clean up settings.py, and 10) Document the API. The goal is to keep the back-end lightweight Django while building a more responsive and
JavaOne TS-5098 Groovy SwingBuilder
The document discusses the SwingBuilder in Groovy, which provides a declarative domain-specific language (DSL) for building Swing graphical user interface (GUI) applications. It covers SwingBuilder basics like building windows and components, advanced features like actions, bindings, and threading, and how to extend SwingBuilder by adding custom components or entire suites of components from libraries like SwingX.
High Performance JavaScript - WebDirections USA 2010
This document summarizes Nicholas C. Zakas' presentation on high performance JavaScript. It discusses how the browser UI thread handles both UI updates and JavaScript execution sequentially. Long running JavaScript can cause unresponsive UIs. Techniques to ensure responsive UIs include limiting JavaScript execution time, using timers or web workers to break up processing, reducing repaints and reflows, and grouping style changes. Hardware acceleration and optimizing JavaScript engines have improved performance but responsive UIs still require discipline.
Thomas Fuchs Presentation
This document discusses various tools and techniques for testing JavaScript code, including:
1. Unit testing frameworks like Test.Unit that allow writing tests with assertions and automatically running tests.
2. Using Rake tasks to automate running tests and controlling browsers.
3. Behavior-driven development (BDD) techniques like RSpec that allow writing tests as should/is statements directly on objects.
4. Debugging tools like Firebug, Safari Web Inspector, and Microsoft Script Debugger for troubleshooting JavaScript issues.
AngularJS - Overcoming performance issues. Limits.
This document discusses AngularJS performance and limits. It begins by covering view watches and data bindings, noting that having too many can lag the UI. It recommends using single bindings where possible. It also discusses only displaying visible elements, avoiding polluting scopes, and being aware of the performance of directives and external components. The document notes some technical limits of AngularJS with large dynamic data sets, and that for real-time apps with frequent data changes, a lightweight framework may be preferable. It emphasizes thinking about performance during development and not assuming frameworks are inherently fast. In summary, the document provides tips on optimizing AngularJS performance by reducing watches, only updating visible elements, and avoiding scope pollution.
What's hot (20)
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015
jQuery with javascript training by Technnovation Labs
jQuery with javascript training by Technnovation Labs
Building web apps with node.js, socket.io, knockout.js and zombie.js - Codemo...
Building web apps with node.js, socket.io, knockout.js and zombie.js - Codemo...
Create responsive websites with Django, REST and AngularJS
Create responsive websites with Django, REST and AngularJS
High Performance JavaScript - WebDirections USA 2010
High Performance JavaScript - WebDirections USA 2010
AngularJS - Overcoming performance issues. Limits.
AngularJS - Overcoming performance issues. Limits.
Viewers also liked
Douglas Crockford - Programming Style and Your Brain
Computer programs are the most complicated things that humans make. They must be perfect, which is hard for us because humans are not perfect. Programming is thought to be a “head” activity, but there is a lot of “gut” involved. Indeed, it may be the gut that gives us the insight necessary for solving hard problems. But gut messes us up when it come to matters of style. The systems in our brains that make us vulnerable to advertising and propaganda also influence our programming styles. This talk looks systematically at the development of a programming style that specifically improves the reliability of programs. The examples are given in JavaScript, a language with an uncommonly large number of bad parts, but the principles are applicable to all programming languages.
Performance, Games, and Distributed Testing in JavaScript
This document discusses various techniques for measuring and optimizing JavaScript performance, including profiling tools in browsers like Firebug and Safari. It also addresses challenges in building multiplayer JavaScript games, such as latency issues, and proposes solutions like combining elements of strategy, intelligence and accuracy. The document concludes by covering distributed and automated testing techniques like TestSwarm that can help address challenges of testing JavaScript across many browsers and platforms.
The JSON Saga
The document discusses the origins and development of JSON (JavaScript Object Notation). It describes how Douglas Crockford discovered JSON in 2001 and published the first JSON specification in 2002. It outlines some of the key events in the early adoption of JSON, including its use for browser/server communication and as an alternative to XML.
Performance Improvements in Browsers
This document summarizes upcoming improvements and new features in web browsers, including Firefox 3.1, Safari 4, Internet Explorer 8, Opera 10, and Google Chrome. Many of the browsers are focusing on better JavaScript performance through new engines like TraceMonkey and V8. New features include process per tab, postMessage for cross-domain communication, HTML5 drag and drop, and the Canvas element for offloading rendering to the client. Overall the browsers are aiming to improve speed, compatibility, and the user experience through these new features and technologies.
Douglas Crockford - Ajax Security
<p>Security design is an important, but often neglected, component of system design. In this session, Douglas Crockford, creator of Javascript Object Notation, will outline the security issues that must be considered in the architecture of Ajax applications.</p>
<p>The design of the browser did not anticipate the needs of multiparty applications. The browser’s security model frustrates useful activities and allows some very dangerous activities. This talk will look at the small set of options before us that will determine the future of the Web.<br />
During this session, attendees will:</p>
<ul>
<li>Learn why effective security is an inherent feature of good design;</li>
<li>Experience a real-time demo of a Ajax client/server system based on sound security principles</li>
<li>See how to apply secure design to rich web applications.</li>
</ul>
Building a JavaScript Library
This is the Google Tech Talk that I gave August 17th, 2007 on building a JavaScript library. I derived much of the talk from my experiences in building the jQuery and FUEL JavaScript libraries.
Json
JSON is a lightweight data-interchange format that is easy for humans to read and write and for machines to parse and generate. It is built on two structures: a collection of name/value pairs and an ordered list of values. JSON is widely used to transmit data between a server and web application, and has largely become the default format for asynchronous browser/server communication. While easy for machines to parse and generate, it is also readable by humans.
OOP in JavaScript
This document discusses object-oriented programming concepts in JavaScript, including encapsulation, inheritance, and polymorphism. It provides examples of implementing encapsulation with private and public properties and methods. Inheritance is demonstrated through extending classes. Polymorphism is shown through functions that can take on different meanings based on context. JSON and closures are also mentioned.
Advanced Javascript
The document discusses different approaches to object-oriented programming in JavaScript, including classical and prototypal inheritance, constructor functions, and the prototype property. It explains how prototypal inheritance works by linking objects together through their internal prototype properties. Constructor functions and the new operator allow simulating classical inheritance by establishing prototype links. Various design patterns are also covered, such as public/privileged methods, singletons, modules, and parasitic inheritance.
Advanced JavaScript Concepts
Topics covered: Closure, Callback, Module Pattern, Cascading, Curry, Inheritance, Pseudo Classical, Prototype
Scalable JavaScript Application Architecture
\n\nThe document discusses scalable JavaScript application architecture. It advocates for a modular approach where each component (module) has a limited, well-defined purpose and interface. Modules are loosely coupled by communicating through a central sandbox interface rather than directly referencing each other. The core application manages modules by registering, starting, and stopping them. It also handles errors and enables extension points. This architecture aims to build flexible, maintainable applications that can evolve over time.
The JavaScript Programming Language
The document discusses the benefits of exercise for both physical and mental health. Regular exercise can improve cardiovascular health, reduce stress and anxiety, boost mood, and enhance cognitive function. Staying physically active for at least 30 minutes each day is recommended for significant health benefits.
Speed Up Your JavaScript
Nicholas C. Zakas discusses common JavaScript performance issues and recommendations to address them. He covers scope management, data access, loops, and DOM manipulation. The key points are to minimize scope chain lookups, store frequently accessed data in local variables, optimize loops, avoid reflows from DOM changes, and leverage modern browser optimizations. Overall, the talk provides practical tips to speed up JavaScript code by addressing issues related to scope, data access patterns, loops, and DOM interactions.
Viewers also liked (14)
Douglas Crockford - Programming Style and Your Brain
Douglas Crockford - Programming Style and Your Brain
Performance, Games, and Distributed Testing in JavaScript
Performance, Games, and Distributed Testing in JavaScript
Similar to Ajax Performance
Maintainable Javascript carsonified
This document outlines best practices for writing maintainable JavaScript, as presented by Christian Heilmann at the Carsonfied online conference in September 2010. Heilmann discusses using libraries judiciously to fix browser support issues while avoiding mixing too many libraries. Other tips include separating concerns, building for extensibility, thoroughly documenting code, planning for performance, avoiding double maintenance, and distinguishing between live and development code. He provides examples of implementing progressive enhancement, form validation, and font loading to demonstrate these principles.
Magento performancenbs
Magento sites need optimization to load fast and provide a good user experience. Speeding up a site increases sales and improves SEO. Factors that impact load time include network transfers and the resource-intensive nature of Magento. Benchmarking tools like APDEX, Funkload, Yslow and Pagespeed help measure performance and set goals, such as loading the homepage in under 1.5 seconds. Architectures must be sized properly and include techniques like splitting front and back ends, enabling caching, and using a CDN. The Nitrogento extension automates optimizations like blocking caching, sprite generation, and asset minification to significantly improve performance.
Web performance
what's thing we should think about during the performance journey . Major help you to solve these problem .
LabsLab8.htmlLab 8 Im Thinking of a NumberBefore yo.docx
Labs/Lab8.html
Lab 8: I'm Thinking of a Number
Before you begin this lab please review Javascript from the lecture notes.
This lab is meant to help you learn the rudiments of the Javascript programming language and understand something of how web pages use Javascript, well enough that you can write a basic Javascript program that implements a simple game. You will also begin to develop some appreciation of why programming is not entirely trivial. It really does require orderly thinking and meticulous attention to detail.
Please read these instructions before beginning the lab.
Please follow the instructions about program format, variable names, etc.
Please use the template in Part 3.
Please pay attention to syntax and grammar and language constructs.
You will have a better chance of success if you follow the highlighted hints. Things will work better if you do, and you may even find that programming is kind of fun, especially when your program works.
You can do this lab anywhere. Remember to post questions in the forum where you can get help from each other.Part 1: IntroductionPart 2: The Javascript LanguagePart 3: Writing your own Javascript ProgramPart 4: Finishing up
Part 1: Introduction - PREAMBLE 1
Programming languages provide a way to express computer algorithms in a form that is convenient for humans yet easily translated into a computer's machine language: programming languages are the way that we tell computers how to perform a task.
In the lecture notes, we have studied the very low-level instructions that the computer itself understands (for example, the Toy), and talked about a variety of programming languages, much easier for people to use, that are translated into machine instructions by programs like compilers and assemblers. There are many such languages, each with its own good and bad points, and often with noisy adherents and detractors.
Javascript, the topic of this lab and the next, is one of the most widely encountered languages, largely because it's available as part of every Web browser, and the majority of web pages include Javascript code. You too can write Javascript programs that will be run by whoever views your web page. We don't expect you to become a full-fledged Javascript programmer, but you will do enough in this lab and the next to get some understanding of what programs look like and what is involved in taking an algorithm and turning it into a program that implements the algorithm.
You'll also be able to better understand the Javascript pages that you encounter when you browse, and if you like, you'll be able to adapt and modify them for your own pages too.
There is an enormous amount of Javascript information on the Web, and thousands of books. You might start with this list of tutorials, or Google for "javascript tutorial".
Javascript has three major components:the Javascript language itselfbuilding blocks that you can use to create your programmethods that let your Javascript program inter ...
Natural Laws of Software Performance
Just like you can't defeat the laws of physics there are natural laws that ultimately decide software performance. Even the latest technology beta is still bound by Newton's laws, and you can't change the speed of light, even in the cloud!
Developing For The Web
The document provides an overview of best practices for web development, including developing iteratively, using AJAX to improve performance and usability, and optimizing for speed and user experience. It recommends developing and deploying early to get quick feedback, using AJAX and JSON to asynchronously update parts of the interface without reloading, and prioritizing usability, readability, and simplicity over technical features.
High Performance Ajax Applications 1197671494632682 2
The document provides tips for developing high performance Ajax applications. It discusses planning for performance, measuring performance, optimizing page load speed, and optimizing JavaScript performance. Specific tips include making fewer HTTP requests, minifying assets, lazy-loading code, optimizing the initial rendering, reducing the amount of symbolic lookup in JavaScript, and optimizing regular expressions and string concatenation.
High Performance Ajax Applications
The document discusses techniques for optimizing JavaScript and AJAX performance. It recommends planning for performance from the start, measuring performance during development, reducing unnecessary code, optimizing assets, and handling long-running processes by breaking work into chunks. Specific tips include minimizing HTTP requests, leveraging caching, optimizing regular expressions, and using innerHTML for document modifications instead of DOM methods.
Performace optimization (increase website speed)
Web performance optimization can be done at three levels - general, server-side, and technology. At the general level, techniques include minimizing HTTP requests, optimizing images, minifying files, avoiding redirects and empty sources. Server-side optimizations involve techniques like content delivery networks, cookie-free domains, caching, and gzip compression. At the technology level for dynamic sites like Joomla, optimizations include flushing buffers early and optimizing database queries. Performance can be measured using various online tools.
Web Speed And Scalability
The document provides tips for building a scalable and high-performance website, including using caching, load balancing, and monitoring. It discusses horizontal and vertical scalability, and recommends planning, testing, and version control. Specific techniques mentioned include static content caching, Memcached, and the YSlow performance tool.
Why test with flex unit
The document discusses why software developers should use FlexUnit, an automated unit testing framework for Flex and ActionScript projects. It notes that developers spend 80% of their time debugging code and that errors found later in the development process can cost 100x more to fix than early errors. FlexUnit allows developers to automate unit tests so that tests can be run continually, finding errors sooner when they are cheaper to fix. Writing automated tests also encourages developers to write better structured, more testable and maintainable code. FlexUnit provides a testing architecture and APIs to facilitate automated unit and integration testing as well as different test runners and listeners to output test results.
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...
(reposting with clearer title)
Performance tuning presentation from WindyCityRails 2010.
Why performance matters
The right way to approach it
Front end testing tools
Automated testing tools
Common problems and the ways to solve them in Rails
Rails specific tools
bullet
slim_scrooge
rack bug
request log analyzer
rails indexes
Windy cityrails performance_tuning
Performance tuning presentation for Chicago Rails Conference. Focusing on Front end page improvements
Node.js meetup 17.05.2017 ember.js - escape the javascript fatigue
A talk about how ember.js can help to escape the javascript fatigue. Covers everything from the ember basics, the philosophy, user opinions and companies that use ember, the toolset, what will come and what glimmer.js is.
Understanding progressive enhancement - yuiconf2010
The document discusses the principles of progressive enhancement and provides examples of how to implement it. Progressive enhancement involves building web applications that provide basic functionality to all users and then enhance the experience for those with newer browsers and capabilities. It emphasizes testing for support before applying enhancements and avoiding the need to degrade functionality. This approach allows web applications to work for all users while taking advantage of newer features where available.
Front-End Modernization for Mortals
This document discusses strategies for modernizing front-end codebases in an incremental way. It suggests starting with basic modularization by splitting code into logical chunks, then concatenating and minifying modules. Next steps include loading modules on demand using various module systems. Graceful deprecation is recommended over breaking changes. The document also advocates trying new frameworks on side projects first before adopting one. Maintaining good development practices like testing, linting, code style rules and performance testing is emphasized over choosing any particular framework.
Front end-modernization
This document discusses strategies for modernizing front-end codebases in an incremental way. It suggests starting with basic modularization by splitting code into logical chunks and concatenating/minifying files. Next steps include loading modules on demand using various module systems. Graceful deprecation is recommended over breaking changes. The document also advocates trying new frameworks on side projects first before adopting one. Maintaining good development practices like testing, linting and performance testing is emphasized over choosing the latest frameworks.
Front end-modernization
This document discusses strategies for modernizing front-end codebases in an incremental way. It recommends starting with basic modularization by splitting code into logical chunks, then concatenating and minifying files. Next steps include loading modules on demand using various module systems. Graceful deprecation is advised by keeping deprecated code available temporarily while logging its usage. Framework choices should be informed by building prototypes in different options. Overall modernization should prioritize tools like testing, linting and performance testing over choosing specific frameworks. Changes should be made gradually to avoid diverging from existing workflows.
Developing high performance and responsive web apps using web worker
A brief talk on web application performance and responsiveness. Why it is important and how web worker can help achieve it. It also covers a simple example implementing web workers.
Grails and Ajax
This tutorial is about Grails and Ajax. The tutorial includes an introduction to Ajax, Grails inbuilt support for Ajax, Ajax enabled Form fields, a note on Ajax and Performance. The tutorial begins with an introduction to Ajax. This section gives a detailed introduction of Ajax as a technology, and also presents the flow of Ajax. The introduction section is followed by Grails support section.
This section explains Grails inbuilt support for Ajax by providing a prototype library. It also includes form remote, remote function, executing before and after a call, handling events as a part of Grails support. The next section is about Ajax enabled Form fields.
This section informs about Ajax codes enabling Form Fields. The last section of this tutorial is a note on Ajax. This section includes Ajax and its performance as a technology like serving as a mechanism, debugging is tough, caching is an important technique, Ajax call is a remote network call.
Similar to Ajax Performance (20)
LabsLab8.htmlLab 8 Im Thinking of a NumberBefore yo.docx
LabsLab8.htmlLab 8 Im Thinking of a NumberBefore yo.docx
High Performance Ajax Applications 1197671494632682 2
High Performance Ajax Applications 1197671494632682 2
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...
Node.js meetup 17.05.2017 ember.js - escape the javascript fatigue
Node.js meetup 17.05.2017 ember.js - escape the javascript fatigue
Understanding progressive enhancement - yuiconf2010
Understanding progressive enhancement - yuiconf2010
Developing high performance and responsive web apps using web worker
Developing high performance and responsive web apps using web worker
More from kaven yan
From YUI3 to K2
This document discusses the transition from YUI3 to K2. It provides a brief history of YUI, describing its goals of code reuse through modular components and submodules. It highlights aspects of YUI3 that make it lighter, easier and faster to use than previous versions, including a more consistent API through the Node utility, language enhancements, dynamic loading, and combo handling for faster loading. The document suggests K2 builds upon these strengths.
HTML5@电子商务.com
1. The document discusses the rise of HTML5 and its adoption in China, noting that older versions of Internet Explorer still dominate the market but that HTML5 support is improving in newer browsers.
2. It provides statistics on browser support for HTML5 features from the HTML5 Test website and global browser usage statistics, showing Internet Explorer 6-8 make up over 80% of the Chinese market.
3. The document advocates for progressive enhancement approaches to support older browsers while taking advantage of new HTML5 features in modern browsers to provide richer experiences.
互联网精神
The document discusses the history and development of the Internet from the 1970s to the present. It describes some of the key events and individuals that contributed to the creation of the Internet, including the development of TCP/IP, the creation of ARPANET, the introduction of email, the invention of the World Wide Web, and the growth of popular websites and use of the Internet around the world. The document provides context around the technological advances and standards that allowed the Internet to evolve from a small network to a global communication system.
More from kaven yan (10)
Recently uploaded
Webinar: Designing a schema for a Data Warehouse
Are you new to data warehouses (DWH)? Do you need to check whether your data warehouse follows the best practices for a good design? In both cases, this webinar is for you.
A data warehouse is a central relational database that contains all measurements about a business or an organisation. This data comes from a variety of heterogeneous data sources, which includes databases of any type that back the applications used by the company, data files exported by some applications, or APIs provided by internal or external services.
But designing a data warehouse correctly is a hard task, which requires gathering information about the business processes that need to be analysed in the first place. These processes must be translated into so-called star schemas, which means, denormalised databases where each table represents a dimension or facts.
We will discuss these topics:
- How to gather information about a business;
- Understanding dictionaries and how to identify business entities;
- Dimensions and facts;
- Setting a table granularity;
- Types of facts;
- Types of dimensions;
- Snowflakes and how to avoid them;
- Expanding existing dimensions and facts.
Generating privacy-protected synthetic data using Secludy and Milvus
During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.
HCL Notes and Domino License Cost Reduction in the World of DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
Artificial Intelligence for XMLDevelopment
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Building Production Ready Search Pipelines with Spark and Milvus
Spark is the widely used ETL tool for processing, indexing and ingesting data to serving stack for search. Milvus is the production-ready open-source vector database. In this talk we will show how to use Spark to process unstructured data to extract vector representations, and push the vectors to Milvus vector database for search serving.
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean Lotus cyber threat actors represent a sophisticated, persistent, and politically motivated group that poses a significant risk to organizations and individuals in the Southeast Asian region. Their continuous evolution and adaptability underscore the need for robust cybersecurity measures and international cooperation to identify and mitigate the threats posed by such advanced persistent threat groups.
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
June Patch Tuesday
Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.
National Security Agency - NSA mobile device best practices
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
20240607 QFM018 Elixir Reading List May 2024
Everything I found interesting about the Elixir programming ecosystem in May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Everything I found interesting about the irresponsible use of machine intelligence in May 2024
How to Get CNIC Information System with Paksim Ga.pptx
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Presentation of the OECD Artificial Intelligence Review of Germany
Consult the full report at https://www.oecd.org/digital/oecd-artificial-intelligence-review-of-germany-609808d6-en.htm
Recently uploaded (20)
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Ajax Performance
- 1. JavaScript: The Good Parts Part Six: Ajax Performance Douglas Crockford [email_address]
- 2. Memento
- 4. “ When your only tool is a hammer, every problem looks like a webpage.”
- 5. The Ajax Revolution The page is an application with a data connection to a server.
- 6. When the user does something, we send a JSON message to the server, and receive a JSON message as the result.
- 7. A JSON message is less work for the server to generate, moves faster on the wire, and is less work for the browser to parse and render than an HTML document.
- 18. Division of Labor How is the application divided between the browser and the server?
- 19. Pendulum of Despair Server The browser is a terminal.
- 20. Pendulum of Despair Server Browser The browser is a terminal The server is a file system.
- 21. Seek the Middle Way. A pleasant dialogue between specialized peers.
- 34. Only speed up things that take a lot of time. Speeding up things that take very little time will yield very little improvement.
- 38. Make good use of Ajax Libraries Effective code reuse will make widgets more effective.
- 52. O ( n ) Time n Slope: Time per Iteration
- 53. O ( n log n ) Time n
- 55. The most effective way to make programs faster is to make n smaller. Ajax allows for just-in-time data delivery.
- 56. The Wall.