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.

Talk to a Developer

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.

/images/global/feature icons/green/time green.png

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.

/images/global/feature icons/green/server green.png

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.

/images/global/feature icons/green/document green.png

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. Using the Pagespeed module on Section gives you access to a range of JS and CSS optimizations.

/images/global/feature icons/green/scalable green.png

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.

/images/global/feature icons/green/engineering green.png

Using the PageSpeed module on Section, 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.

/images/global/feature icons/green/gear green.png

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 may prefer a combination of Varnish Cache (4, 5 or 6) and the PageSpeed module on the Section 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. The PageSpeed module on Section will deliver a wide range of optimizations to improve your mobile application.

To add Varnish Cache and PageSpeed 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.

Request a Demo

Ready to jump in?

Our team of engineers is ready to talk through edge compute solutions to fit your application's needs.