Performance & Scalability

Mobile Website Optimization

With more traffic on mobile devices than ever before, it is vital to make sure your application is optimized for mobile browsers.

Get Started

Address some of the unique challenges of delivering mobile websites.

Mobile browsers on smaller screen devices and on lossy mobile networks present unique challenges when it comes to maintaining website performance and scalability.

 feature icons green time green

The faster you can deliver the initial HTML document into the mobile browser, the faster your mobile application will 'pop' in the browser. Dynamic Content Caching, HTML Streaming and Anonymous Page Caching are all techniques available on Section to improve HTML response times for mobile browsers.

 feature icons green server green

Reducing the number of round trips and connections between the browser and the serving infrastructure can be particularly helpful for mobile application delivery. Use Section to automatically uplift your application to HTTP/2 to reduce the number of browser connections and improve parallel asset loading.

 feature icons green document green

Minification and optimization of JavaScript and CSS files can reduce the amount of data being sent to the mobile device; thereby speeding up delivery and rendering of the site.

 feature icons green scalable green

Sending the right size images to the mobile browser based on the 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. Lazy loading of images is also available on Section and means users receive the above-the-fold information first.

 feature icons green engineering green

Engineers can immediately delay loading 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.

 feature icons green gear green

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 to set appropriate compression levels for your application assets.

Technical Details

Mobile Optimized Website

To optimize your application for mobile browsers with Section, you can leverage the Varnish Cache (4, 5 or 6) module on Section’s Edge Compute Platform. Section includes free SSL certificates and HTTP/2 so you can automatically deliver your website securely and over HTTP/2.

Varnish Cache is an edge compute module that uses rules you create in VCL (Varnish Configuration Language) to manage HTTP requests by caching objects or redirecting users.

To add Varnish Cache to your Section application, check out our docs for instructions.

Section’s experienced engineers will also help you review the best combination of optimizations for your application and can assist you with implementing those optimizations during an activation session.

Ready to jump in?

Configure your edge stack to optimize your application for mobile browsers.