Category archives: Mobile web design

Viewport sizes statistics

Most popular viewport size statistics for 2016

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.

How to optimize images for mobile with a little server-side magic

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.

Delivering performance on a Diverse Web

Delivering performance on a Diverse Web

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.

Google Accelerated Mobile Pages

Accelerated Mobile Pages is Google's attempt to 'unsuck' the mobile web

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

RESS helps you get the best of adaptive and responsive techniques

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.

Adaptive Web Design top Alexa companies

How top Alexa companies use Adaptive Web Design

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:

Mobile setup for your website — dynamic serving vs separate URLs

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.

Web performance qualms make the news again

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.

A Google mobile-friendly test

A 100MB website is mobile-friendly, according to Google

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.

6 mobile web trends to watch for in 2015 from DeviceAtlas’s experts

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.

Pages