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.
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.
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 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.
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.
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.
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.