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 StartedAddress 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.
Reduce HTML response time
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.
HTTP/2
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.
JS and CSS optimization
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.
Image optimization
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.
Reorder JS execution
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.
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 to set appropriate compression levels for your application assets.
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.
