Mobile Website Optimization

Drive more revenue from your mobile website.

Address some of the unique challenges of delivering mobile websites with section.io

With more traffic on mobile devices than ever before, it is vital to make sure your website is optimised for mobile browsers. Mobile browsers on smaller screen devices and potentially more lossy mobile networks present unique challenges for maintaining website performance and scalability.

HTML REsponse Time

Reduce HTML Response Time

The faster you can deliver the initial HTML document into the mobile broswer, the faster your mobile site will "pop" in the browser. Dynamic Content Caching, HTML Streaming and Anonymous Page Caching are all techniques available on section.io improve HTML response times for mobile browsers.

H2

HTTP/2

Reducing the number of roundtrips and connections between the browser and the serving infrastructure can be particularly helpful for mobile website delivery. Use section.io to automatically uplift your website to HTTP/2 to reduce the number of browser connections and improve parallel asset loading.

JS and CS optimization

JS and CSS Optimization

Minification and optimization of JS and CSS files can reduce the amount of data being sent to the mobile device; thereby speeding up delivery and rendering of the site. Using Google's Pagespeed module on section.io gives you access to a range of JS and CSS optimizations.

image optimization

Image Optimization

Sending the right size images to the mobile browser based on teh size and type of browser can both reduce the amount of data being sent to the browser and reduce the amount of compute time a browser uses to resize each image when they arrive in the browser. Lazyloading images is also available on section.io and means users receive the above the fold information first.

JS execution

Reorder JS Execution

Using Google's PageSpeed module on section.io, engineers can immediately delay load any JS files which may not be essential for the rendering of the page or the ability of a user to immediately interact with the page.

compression

Compression

Ensuring all assets are appropriately compressed before being sent to the browser ensures that the least amount of data is sent to the browser; balanced with the least amount of work the browser is required to execute to decompress data being sent. Use section.io to set appropriate compression levels for your website assets.

Mobile Optimized Website: Technical Details

To optimize your website pages for mobile browsers with section.io, you may prefer a combination of Varnish Cache (3, 4 or 5) and Google's PageSpeed module on your section.io application. section.io includes free SSL certificates and HTTP/2 so you can automatically deliver your website securely and over HTTP/2.

Varnish Cache is a reverse proxy that uses rules you create in VCL (Varnish Configuration Language) to manage HTTP requests by caching objects or redirecting users. Google's PageSpeed module on section.io will deliver a wide range of optimizations to improve your mobile website.

To add Varnish Cache and PageSpeed to your section.io application, check out our docs for instructions.

section.io’s experienced engineers will help also help your engineering team review the best combination of optimizations for your website and can assist you implement thos optimizations during an activation session.