Responsive web design is great, but it’s not a silver bullet. In this article, Maximiliano Firtman will cover the relationship between the mobile web and responsive design, starting with how to apply responsive design intelligently, why responsive design should not be your website’s goal, and ending with the performance issues of the technique to help us understand the problem. According to Guy Podjarny’s research, 72% of responsive websites deliver the same number of bytes regardless of screen size, even on slow mobile network connections. Not all users will wait for your website to load. With just a basic understanding of the problem, you can minimize this loss.
Read more…
The best mobile web applications are the ones that excel at handling mobile processors, network connectivity, bandwidth, latency and touchscreen keyboards. In this article, Nick Gauthier will look at how to identify the tasks your users want to accomplish on a mobile device, memorize your users’ situation, presume that their actions will succeed, and also how to predict your users’ next actions, and prepare accordingly. The mobile web is a harsh environment, but by simply focusing on what matters, you will find a clear path to a superior experience.
Read more…
In this article, Per Buer will talk about cache invalidation specifically to readers who already work with Varnish Cache. To learn more about it, you’ll find background information in “Speed Up Your Mobile Website With Varnish.”
A cache miss depends on two factors: the volume of traffic and the average time to live (TTL), which is a number indicating how long the cache is allowed to keep an object. To have a high TTL, we need to be able to invalidate objects from the cache so that we avoid serving stale content. With Varnish Cache, there are myriad ways to do this. You’ll explore the most common ways and how to deploy them.
Read more…
Imagine how your excitement after posting a blog and seeing so many visitors talking about it, turns to dismay as they start to tweet that your website is down — a database connection error is shown. Many of these mobile users access the Web via slow data connections and crowded public Wi-Fi. So, anything you can do to ensure that your website loads quickly will benefit those users. In this article, Rachel Andrew will show you Varnish Web application accelerator, a free and simple thing that makes a world of difference when a lot of people land on your website all at once.
Read more…
Responsive design for images is about optimizing the process of serving images to users. In this article, Anders Andersen & Tobias Järlund will share their responsive image technique, the “padding-bottom” technique, which they researched and implemented on the mobile version of the Swedish news website Aftonbladet (Sweden’s largest website). The technique presented here applies to all types of responsive websites.
Read more…
Navigation Timing API provides easy access to accurate page timing information, but it is still insufficient to draw a complete picture. Whether we need to support browsers that do not currently implement the Navigation Timing or get information about resources not included in the current page, be sure to find out more about the user’s network bandwidth or whether their support for IPv6 is better or worse than their support for IPv4. All of the techniques presented here were developed while writing Boomerang though not all of them made it into the code yet.
Read more…
The proliferation of mobile devices, increased user expectations, and the very real risks of losing customers and dropping in search result rankings have laid a heavy burden on developers to optimize loading time at all costs. The Web development community previously didn’t spend much time concerning itself with load issues and for that reason and more, Web developers aren’t conditioned to think very hard about the unique load requirements of their clients’ websites. We need to include a specification for load requirements as a regular checklist item when bidding and planning Web work.
Read more…
In this article, we’ll demonstrate methods to identify how people interact with a website differently on mobile devices, and the design decisions that can be made based on this understanding. Our objective is not only to improve Web performance but to increase the client’s return on investment. The following techniques center on the two unique characteristics of mobile phones: small batteries and small screens.
Read more…
In this article, Addy Osmani will discuss how to improve the paint performance of your websites and Web apps. Luckily, a lot of great tools out there can help with that. Be sure to measure paint performance on both desktop and mobile, and if all goes well, your users will end up with snappier, more silky-smooth experiences, regardless of the device they’re using.
Read more…
A responsive website is not automatically a mobile-friendly website. Modern Web development should be about finding the right balance between server-side and client-side implementation. Today, Jon Arne Sæterås will use a real-life project that his company is working on, with real requirements and pain points, as a reference.
Read more…
