Mobile Web Application

Mobile Web Application

Mobile Web applications are those applications for mobile devices that require only a Web browser to be installed on the device. They can be created using HTML and some components of HTML5 and javascript.

The mobile web app route is faster and cheaper than the native mobile app route, especially when the objective is to support a wide range of devices. It must support a wide range of mobile clients as possible. There are billions of people using different mobile devices so it must support all of them. The basic idea for a mobile web app is to identify the user’s requirements.

There are three types of applications in mobile

  1. Mobile Native app
  2. Mobile web-based app
  3. and Mobile hybrid app

A Web-based app for a desktop browser will not work the same as in the mobile web app. Both of the designs and a working mechanism is different. And since mobile devices are small in size than desktop so the feel and look will be different.
There are some elements which will not work with mobile web applications

  1. HTML5 video’s autoplay functionality
  2. CSS transition property is not consistently supported.

The browser-based view that supports many different screen resolutions (as well as adjusting appropriately for landscape and portrait orientations).

While using HTML5 verify supported functionality across the device landscape and portrait. In iOS 6 and above, there is no support for the navigator (getUserMedia ) functionality since the camera is only accessible through native apps.

Two great resources for checking what’s supported on specific devices and browsers are 

  1. caniuse.com and
  2.  html5test.com

Optimizing Mobile apps for performance

  1. Image optimization
    1. It will reduce image load time in the web application which is one of the big issues in on page load
  2. Code Compression
    1. Compression of CSS and javascript codes can have a significant impact on performances
  3. Database Queries
    1. Reduction in the use of cookies will reduce queries for execution.
    2. Use of server-side caching will reduce the time for execution
  4. Content Delivery Networks
    1. Use of CDN to provide lots of videos, audio, and large files.
    2. MaxCDN, AmazonS3 are some of commercial CDN
    3. Improves download performance  use of globally distributed data center enabling download to occur from a server closer to the user’s location
    4. More concurrent download  CDN allows additional concurrent downloads
    5. Enhanced Analytics Provides usage reports for the websites, GTmetrix, for example, has an excellent website reporting tool for monitoring and optimizing the sources loaded on the site

Tools Used for development

  1. Html5
  2. CSS3
  3. Javascript
  4. IDE
  5. Emulators
Share this on facebook

Subscribe to our Youtube Channel

Leave a comment

Your email address will not be published. Required fields are marked *