Bandwidth optimisation in Responsive Webdesign - J&Beyond, june 1st 2013
by Rene Kreijveld, Webdeveloper at ReneKreijveld.nl on Jun 01, 2013
- 611 views
Responsive webdesign is hot! It is easy to create a responsive design that shows off your site on mobile browsers running on tablets and smartphones. ...
Responsive webdesign is hot! It is easy to create a responsive design that shows off your site on mobile browsers running on tablets and smartphones.
Through User Agent detection we can prevent unnecessary content to be sent to the mobile browser to keep the bandwidth low and speed high of your mobile website!
It is very easy to create a responsive design with frameworks like Bootstrap and Foundation that shows off your site on tablets and smartphones.
But with a mobile first strategy in mind it's often not necessary to show everything of your desktop website on a tablet or smartphone. Do you really need that image slideshow or photo gallery on a smartphone?
Modern CSS frameworks like Twitter Bootstrap and Zurb Foundation allow the hiding of elements on mobile browsers through CSS with the use of the visibility property. But that doesn't prevent the content from still being downloaded to the mobile browser. And that is unwanted waste of bandwidth and it slows down your mobile website.
Through User Agent detection we can determine what kind of browser your visitor is using. And the detection is done on the server side! This way we can prevent unnecessary content to be sent to the browser on tablets and smartphones to keep the bandwidth as low as possible and your mobile site up to speed. On top of that we can do really cool stuff for search engine optimisation as well!
In this session I will explain how to implement user agent detection and how to use it in your Joomla templates.
- Total Views
- Views on SlideShare
- Embed Views