JavaScript for Line of Business Applications
569.0K views | +41 today
Follow
JavaScript for Line of Business Applications
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by Jan Hesse
Beam to my Inbox:
Your new post is loading...
Your new post is loading...
Scoop.it!

Making your Angular apps fast

Making your Angular apps fast | JavaScript for Line of Business Applications | Scoop.it

Angular claims to be very fast by default. What does “fast” really mean? Of course, this always depends on the context. What does our application do? How many different things is it doing at a certain point? How is our application’s component tree structured and how many bindings does it introduce? This and other questions come into play when trying to figure out, how we can make our applications faster.

A couple of weeks ago we were discussing a demo application in which we compared the default performance and what we can do to make it faster. In this article we’d like to take this demo and show some tips and tricks to make it blazingly fast. One or the other trick might help speeding up your application as well.

more...
No comment yet.
Scoop.it!

Speed Up Ember.js List Rendering By Example

Speed Up Ember.js List Rendering By Example | JavaScript for Line of Business Applications | Scoop.it
While Ember.js helps you a lot when it comes to building robust web applications it's not an out of the box solution for building mobile apps. Building a snappy app for already underpowered mobile devices requires work and deliberate thinking about performance.
more...
No comment yet.
Scoop.it!

JavaScript Loop Optimization

JavaScript Loop Optimization | JavaScript for Line of Business Applications | Scoop.it
In this video, we'll look at some steps we can take to optimize our for loops so they are as performant as possible. We're going to be doing this through the use of a demo web application, three different browsers with tests, and sample code.
more...
No comment yet.
Scoop.it!

Practical Performance Tips to Make Your HTML/JavaScript Faster

Practical Performance Tips to Make Your HTML/JavaScript Faster | JavaScript for Line of Business Applications | Scoop.it

Want to maximize the performance of your modern websites and apps with JavaScript and HTML5?

more...
No comment yet.
Scoop.it!

5 steps to making a Node.js frontend app 10x faster

A step by step guide on how we made our main Dashboard app 10x faster.

Since node.js is perfectly suited to running multiple asynchronous functions in parallel, and since a lot of these internal API requests didn’t depend on each other, it made sense to parallelize them — fire off all the requests at once and then continue once they’ve all completed. We achieved this with the aid of the (incredibly useful) async module

more...
No comment yet.
Scoop.it!

Improving AngularJS long list rendering performance using ReactJS

Improving AngularJS long list rendering performance using ReactJS | JavaScript for Line of Business Applications | Scoop.it

In some cases you might be able to avoid this problem by using paging or infinite scrolling, but sometimes that's just not good enough. For example, lists that are displaying only a few items at a time (like any kind of a log) would simply be very impractical from the users point of view. Another reason - you might be using libraries like SlyJS that load a whole list at once to calculate the size of the embedded scrollbar and to make list swiping and elastic bounds work properly. Ooooor - your client simply demands it. :)

more...
No comment yet.
Scoop.it!

Unorthodox Javascript Performance

Unorthodox Javascript Performance | JavaScript for Line of Business Applications | Scoop.it

John-David Dalton wants to improve JavaScript performance. To do so, he has developed some unique and unconventional techniques. He has also developed a “utility library delivering consistency, customization, performance, and extras,” called Lo-Dash.

While John is an advocate for performance, he wants to do it in a smart way, saying at times that he has seen “JavaScript developers focus on performance to the point that it’s a negative.” He is currently a Program Manager at Microsoft, making web apps run master and smoother in Internet Explorer, and a contributor to several open source projects that help developers to write more productive JavaScript. These are his thoughts on what really matters when we talk about performance.

more...
No comment yet.
Scoop.it!

How to Self Detect a Memory Leak in Node

How to Self Detect a Memory Leak in Node | JavaScript for Line of Business Applications | Scoop.it

Tracking down memory leaks with node.js has always been a challenge. The following discusses how to track memory leaks from within a node application itself with the help of two awesome node modules – memwatch and heapdump.

more...
No comment yet.
Scoop.it!

nines - A web performance tool aimed to help developers find critical performance issues

nines - A web performance tool aimed to help developers find critical performance issues | JavaScript for Line of Business Applications | Scoop.it

Nines is a tool that helps developers pinpoint critical performance issues using performance statistics from the Navigation Timing API, Resource Timing API, median page load speeds for all users that have visited the page, and an assesment of the page using WebPageTest.org.

There are five sections of the performance bar, located and fixed at the bottom of the screen. Current refers to your performance statistics and Page Median refers to the median page load speed of the statistics gathered in the database. Click on Page Median to see median results from individual countries. Each of those columns as three numbers seperated by /'s. The first number refers to the backend load time, the second number refers to the frontend load time, and the third number is the total load time for that page.

more...
No comment yet.
Scoop.it!

How we make RWD sites load fast as heck

How we make RWD sites load fast as heck | JavaScript for Line of Business Applications | Scoop.it

In this post, I’ll outline some recent observations and approaches to delivering sites for speed and broader access, and link out to various tools we are using to facilitate our approach. All of the tips mentioned in this post are implemented on this very site, and we’ve tested them heavily to ensure that they’re working as well as they can.

I’ll start with some high-level observations, then later I’ll dive into the more technical how-to. First, some general notes about page loading performance and what we aim to accomplish.

more...
No comment yet.
Scoop.it!

JavaScript Performance For The Win

JavaScript Performance For The Win | JavaScript for Line of Business Applications | Scoop.it

JavaScript performance is a very hot topic nowadays. There's a lot of information out there on what browsers do with JavaScript code in order to execute it faster. Let's go over some of the tips that will help you write faster JavaScript code.

* Tooling
* Non-optimizable code
* Using Local Variables
* Literals
* For-In
* Arguments

more...
No comment yet.
Scoop.it!

Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps Faster

Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps Faster | JavaScript for Line of Business Applications | Scoop.it

How to tackle real-world web platform performance problems in modern websites and apps? This session starts with a basic understanding of the web platform and then explores to a set of problem/solution pairs built from industry-standard performance guidance. In the talk, we will demonstrate performance tips and tricks that will help you improve the performance of your apps and sites today. We will discuss the following respond to network requests, speed and responsiveness, optimizing media usage, and writing fast JavaScript. These performance tips and tricks apply equally to web sites that run on standards based web browsers, as well as to modern apps.

more...
No comment yet.
Scoop.it!

tracing-framework by Google

tracing-framework by Google | JavaScript for Line of Business Applications | Scoop.it

Rich tools for instrumenting, analyzing, and visualizing web apps.
Make your app jank-free at 60fps!

Squeeze every drop of performance out of your code.

more...
No comment yet.
Scoop.it!

Performance optimisations for React applications

Performance optimisations for React applications | JavaScript for Line of Business Applications | Scoop.it

The main performance hotspot in React applications is redundant processing and DOM diffing in components. In order to avoid this return false fromshouldComponentUpdate as high up in your application as you can.

To facilitate this:

  1. Make shouldComponentUpdate checks fast
  2. Make shouldComponentUpdate checks easy
more...
No comment yet.
Scoop.it!

Faster Mobile Websites

As mobile device usage continues to grow, developers need to ensure that their mobile websites are fast and offer a high quality experience for all users. A fast mobile website can be the difference between winning or losing a customer. A few seconds delay in your page load time and you might find that users to your site easily become frustrated and navigate away to another site...or even worse, your competitors site!

Developers understand the need for fast, smooth websites - but how do you apply this to a mobile website and the vast amount of mobile devices out there? This talk is aimed at all developers that build websites and will dive into basic and advanced web performance techniques - there is something for everyone! The talk also covers free tools that developers can use to test and profile the performance of their mobile websites.

This talk will cover a variety of performance related issues specifically aimed at mobile websites and the techniques that developers can use to overcome them and will include:

- Mobile Network Overhead
- Critical Path Rendering
- Basic web performance techniques
- Responsive images
- Performance build automation
- Mobile Website profiling and debugging tools
- A step by step website optimization

more...
No comment yet.
Scoop.it!

Fluent Conference 2015: The Web Platform

Fluent Conference 2015: The Web Platform | JavaScript for Line of Business Applications | Scoop.it

Put JavaScript, HTML5, CSS, & the latest web tools to work.
Fluent is for everyone who has a hand in web development, from front-end to back-end and everything in between. Get practical training on the latest in HTML5, CSS3, JavaScript, and the frameworks that build on those technologies.

more...
No comment yet.
Scoop.it!

HTML/CSS rendering via WebGL for highest performance possible and unlimited animations abilities on the Web

HTML/CSS rendering via WebGL for highest performance possible and unlimited animations abilities on the Web | JavaScript for Line of Business Applications | Scoop.it

Our research on “slow DOM problem” took theses listed above as an input. After two years of experiments we got HTML GL – library which allows to render HTML/CSS content in WebGL. It is easy to use, framework agnostic and does not require developer to study new concepts or technologies keeping him in common HTML/CSS/JS world.

more...
No comment yet.
Scoop.it!

Rendering Performance explained by Google

Rendering Performance explained by Google | JavaScript for Line of Business Applications | Scoop.it
Users notice if sites and apps don't run well, so optimizing rendering performance is crucia!

To write performant sites and apps you need to understand how HTML, JavaScript and CSS is handled by the browser, and ensure that the code you write (and the other 3rd party code you include) runs as efficiently as possible.

more...
No comment yet.
Scoop.it!

Improving the Angular Single-Page Application Loading Experience

Improving the Angular Single-Page Application Loading Experience | JavaScript for Line of Business Applications | Scoop.it

Single-page applications are notorious for a large, upfront loading hit. Angular is no exception. But it doesn’t stop there at the initial loading. API calls for data, sometimes massive amounts, are likely to be requested on route changes in the application. Leading to more, you guessed it, waiting. Just don’t make your users hold their breathe. Keep them engaged and improve your Angular single-page application loading experience.

Response times in any application need to be snappy, especially in an era of instant gratification and proliferation of distractions. Keeping a user’s attention is critical. Continuous feedback on the response state of the application should be provided to the user.

more...
No comment yet.
Scoop.it!

Boost the Performance of an AngularJS Application Using Immutable Data

Boost the Performance of an AngularJS Application Using Immutable Data | JavaScript for Line of Business Applications | Scoop.it

A react component gets rendered the same way when it receives the same input parameters and it has the same state (if you implement it properly). React even provides the PureRenderMixin, which can make the “pure component” rendering even faster!

React is awesome, there are no two opinions. I’m also huge AngularJS fan. A few years ago I wrote the first AngularJS Style Guide“AngularJS in Patterns”AngularAOP and a few other AngularJS modules/components/examples, which got popular. So I started wondering whether I can use the same idea of immutability of the model in AngularJS, at least for accelerating the data-binding watchers.

more...
No comment yet.
Scoop.it!

Fixing Memory Leaks in AngularJS and other JavaScript Applications

Fixing Memory Leaks in AngularJS and other JavaScript Applications | JavaScript for Line of Business Applications | Scoop.it

Dealing with memory leaks in JavaScript applications can be a complex process. In this article I'm going to show you how to identify whether you have memory leaks, analyse them and ultimately resolve them.

I'm using an AngularJS application to demonstrate the concepts and approaches, but much of this material applies to any JavaScript application.


Contents:

  • Understanding Memory Leaks What is a Memory Leak? Why is a Memory Leak Bad?
  • Identifying Memory Leaks Method 1: The Wrong Way Method 2: The Timeline Method 3: Recording Heap Allocations Method 4: Heap Snapshots
  • Analysing Memory Leaks Analysing the leak in Scenario 2 More on Graphs
  • Fixing Memory Leaks Three golden rules Anti-patterns to avoid
  • The Future Weak Maps AngularJS 2 Even Better Browsers
  • Appendices Thanks Mysteries Futher Reading
more...
Rick's curator insight, July 17, 2015 9:45 AM

Resolving memory leaks can dramatically increase the performance of your application.

Scoop.it!

Let’s Write Fast JavaScript

Let's Write Fast JavaScript - The JavaScript Collection - Medium
A few interesting JavaScript benchmarks and tips
more...
No comment yet.
Scoop.it!

protractor-perf: E2E test framework to check for performance regressions in Angular apps

protractor-perf: E2E test framework to check for performance regressions in Angular apps | JavaScript for Line of Business Applications | Scoop.it

Just like Protractor is the end to end test case runner for AngularJS to check for functional regressions, this project is a way check for performance regressions while reusing the same test cases.

more...
No comment yet.
Scoop.it!

AngularJS - Overcoming performance issues. Limits.

We will discuss about...

1. View watches / data bindings

2. What you see is what you show

3. The risk of polluting scopes

4. Core directives to avoid

5. Splitting the page

6. Miscellaneous

7. Limits

more...
No comment yet.
Scoop.it!

Using React for Faster Renders and Isomosphism in Angular

At HasOffers, we’ve been talking about using different view renderers inside of our Angular app, like React or Polymer. So we can delegate to React for the rendering, but we can do we better - we could leverage React to write isomorphic JavaScript. We can use our same React components on the server to send prepopulated templates. And then, instead of fetching the prepopulated templates from the server, we could just manually prepopulate the templates ourselves on the client. We wouldn’t even need to touch the server! (So my thought process moved from client to server and then back to the client.)

more...
No comment yet.