Introduction

In 2015 we had a major announcement from the Ecma International. It has approved the ECMA-262 6th edition language standard. Making a long story short it is the Language Specification of ECMAScript 6 (ES6), which is also known as ECMAScript 2015. In this article we will stick with the ECMAScript 6 naming convention.

Introduction

The Web is developing very quickly and new standards are being all the time adopted into the browsers. As through the past years we have seen lots of changes in the web browsers and web engines, the same happened to the language that propels them. JavaScript is changing also. A new standard has shown up – ECMASCRIPT 6. But not all browsers support it completely. Therefore few years ago we have been introduced with a language called TypeScript. Which is a typed superset of the JavaScript language and is supported by all browser engines.

This document provides suggestions and guidelines for improving the performance of Web applications on Tizen.

1 Optimizing Resource Loading Performance

Most of the loading time for a Web application consists of downloading resources, such as HTML, JavaScript, CSS, and image files. Therefore, optimizing resource loading performance is the key to improving the loading speed of a Web application.

Coding Tips for Performance-driven Development

This section gives tips for handling code performance-effectively.

1 Variables and Literals

Optimizing Rendering Performance

There are several ways to improve the rendering performance, including initializing the application early, keeping the UI responsive, minimizing document reflow, and updating the page only partially.

Optimizing Resource Loading Performance

Most of the loading time for a Web application consists of downloading resources, such as HTML, JavaScript, CSS, and image files. Therefore, optimizing resource loading performance is the key to improving the loading speed of a Web application.

Introduction

Introduction

Introduction

Asynchronous JavaScript loading provides a mechanism to load JavaScript files asynchronously. It helps in improving the performance of the web applications / browser. In addition to this, it also provides a way to encapsulate JavaScript files in many different files, similar to Java where keywords like import, package and class are used for this purpose. Using the traditional synchronous method of loading the files may affect the performance and usability of the applications that have more dependencies (load multiple JavaScript files at runtime).

Overview

This article demonstrates the use of "Pixastic" javascript library for image processing and editing. Link for pixastic javascript library - http://www.pixastic.com/lib/download/zip.php.
Following are the effects available with pixastic JS library to edit an image: