Sending images that are too large for the mobile device is a common cause of poor performance. 51Degrees.mobi improves page load time by dynamically reducing the size of images for the precise mobile device on the server.
Only one additional attribute (CalculateSizeMode) is needed to implement this feature. The following standard line of ASP.NET...
<asp:Image runat="server" ID="ImageFlower" ImageUrl="~/Images/PurpleFlower.jpg" />
...would be changed to...
<mob:Image runat="server" ID="ImageFlower" ImageUrl="~/Images/PurpleFlower.jpg" CalculateSizeMode="ClientWidth" />
ensuring the image generated will be precisely optimised for the mobile device.
Learn more about image optimisation from our Developers Guide by clicking here, or trying this tutorial. |
|
Image Shrunk to Fit Screen
|
|
51Degrees.mobi separates CSS styling information from the HTML page and creates a dynamic CSS include. The include can be cached on the mobile device, resulting in the style information not needing to reloaded when the page is displayed a subsequent time.
Learn more about formatting pages for mobile from our Developers Guide by clicking here, or trying this tutorial.
|
Automatically Optimises HTML Style
|
Before - Standard ASP.NET
After - with 51Degrees.mobi
|
|
ASP.NET produces some extremely long ID attributes for HTML elements. These are automatically reduced to 2 or 3 characters to reduce the size of HTML pages and improve compression.
The following line needs to be added to the web.config file to enable this feature.
<clientIds syncFile="~/App_Data/ClientIds.dat"/>
If it is removed client IDs will be unaltered.
|
Viewstate is the often large chunk of data added to web pages by ASP.NET to enable data to be retained across page requests.
Viewstate Embedded in HTML
51Degrees.mobi changes ASP.NET to remove this data from the web page and persist it on the web server. The developer will not notice any functional change. Users will notice a faster experience.
Learn more about data persistence for mobile from our Developers Guide by clicking here or trying this tutoral.