The stats on the most popular viewport sizes are particularly important for web designers who must take this data into consideration before making any decisions on the website design. Here at DeviceAtlas we know the characteristics of the most used phones today including their screen sizes, screen resolutions, and other features. Check out the latest statistics that will help you design websites in 2016.
Websites are often bloated with heavy images which make browsing on-the-go a very disappointing experience. Web designers today must look for ways to optimize images so that they're quick to load on mobile and tablet devices. In this post we'll look into two methods to optimize images on your website.
Device diversity has grown to a point where web developers can’t simply assume that they know which devices visitors are using to access their websites. They need to make sure the experience is great across all devices, including laptops, smartphones, tablets, or even smart TVs. This can be problematic especially in terms of keeping the website fast and lightweight for every visitor.
Smartphones are the main way to access websites for a growing number of users, even though the mobile web can be extremely slow. This is mainly due to the fact that the website content is often bloated with images, scripts and ad trackers that aren’t tailored for mobile devices. Google’s Accelerated Mobile Pages (AMP) initiative is aimed to tackle these issues by introducing a set of rules and restrictions for websites sent to mobile devices.
RESS (Responsive Web Design with Server-Side Components), also known as the hybrid approach, offers a great way to get the best of both responsive and adaptive techniques. The mix of responsive and adaptive gives a lot of flexibility in terms of making a website blazing fast and lightweight. Here’s what you need to know about RESS.
We took a stab at checking how some of the largest websites are addressing mobile users today. It turned out that all top Alexa.com websites use Adaptive Web Design and device detection providing mobile visitors with a device-optimized viewing experience that is fast and lightweight. Here’s how they do it:
Responsive Web Design is the least flexible approach in terms of addressing the needs of mobile visitors, including page weight and load speed optimization, and thus many online big-hitters craft mobile-centric experiences using either separate URLs or dynamic serving. In this article we explain the main differences between these two methods. We also describe some simple ways to test mobile setups that anyone can use.
A recent article published on The Verge has yet again raised the question of web performance. In this article the author suggests that lack of browser diversity on iOS is one of the root causes of this mobile web performance issue. As many pundits have noted, ourselves included, there is deep irony in a notoriously bloated website such as The Verge making this complaint.
Have you used Google’s Mobile-Friendly Test tool? If yes, you should know that this tool does not analyse every aspect of the website and therefore the test result is less important than you might think. Even if your website scored ‘Awesome!’ in the test some optimization might be required.
The world of mobile devices spurs innovation every year, sometimes dramatically changing the entire landscape. While it's certainly not easy to guess what the future holds, in this article the DeviceAtlas team has a go at predicting the latest trends that might shape mobile web in 2015.