Since video files are large, optimizing the video to be as small as possible will lead to faster video delivery, speeding up video start, lowering the number of stalls, and minimizing the effect of the quality of the video delivered. Of course, we need to balance startup speed and stalling with the third metric of quality. In this series of posts on video performance on the web, Doug Sillars takes a closer look at how video is being used today, what we can learn from it, and how to move forward in a way that promotes fast delivery and playback of video content on the web.
Read more…
Video content on the web increases customer engagement and satisfaction. Pages that load quickly have the same effect. The addition of video to your website will slow down the page rendering time, necessitating a balance between overall page load and video content. In this aticle, Doug Sillars will examine the important metrics to balance performance and video playback on the web, look at how video is being used today, and provide best practices on delivering video on the web.
Read more…
While effective bundling of resources on the web has received a great deal of mindshare in recent times, how we ship front-end resources to our users has remained pretty much the same. The average weight of JavaScript and style resources that a website ships with is rising — even though build tooling to optimize the website has never been better. With the marketshare of evergreen browsers rising fast and browsers launching support for new features in lockstep, is it time we rethink asset delivery for the modern web? Today, Shubham Kanodia will give you some answers.
Read more…
In order for a product to succeed, designers should know their competition and collect as much data as possible. This data helps to create a solid product that users will actually want to use, rather than a product we want or imagine. Competitive analysis is one of the ways to get this data and to create a user-friendly product. No prior knowledge of the topic is needed because in this article, Mayur Kshirsagar will be explaining what the term means and how to perform a competitive analysis as you go.
Read more…
In Google’s never-ending journey to make the web a mobile-friendly place, we now have even greater insights into the four key reasons why consumers reach for their mobile devices. These are known as micro-moments, and this post aims to teach you how to design for micro-moments to increase website conversion rates.
Read more…
Today, Vitaly Friedman brings you the following pairing of talks from 2018 SmashingConfs, which will help you to assess the third party scripts you might be considering adding to a site. Taking into account business goals, user experience and performance you can make good decisions about what to include and how to do it.
Read more…
How can we design in a way to help visitors rather than frustrate them? How do we know that a great user experience is really working well? In this pairing of videos from 2018 SmashingConfs, we think about UX — from two very different angles.
Read more…
Images are powerful. They can provide key information and context to articles, or merely add humorous asides. They do anything for us that plain text just can’t by itself. But when there’s too much imagery, it can be frustrating for users on slow connections, or run afoul of data plan allowances. In this eBook, you’ll learn all about WebP: what it’s capable of, how it performs, how to convert images to the format in a variety of ways, and most importantly, how to use it. Meet “The WebP Manual,” our latest edition to the Smashing eBook Library that covers everything you need to know about the latest image format to sweep the web!
Read more…
In this excerpt from his eBook “The WebP Manual,” developer and author Jeremy Wagner will show you the many ways you can convert your existing images to the WebP format.
Read more…
With so much going on in the web industry, it can be difficult catching up with everything — especially with font loading and webfonts that greatly affect web performance. Search no further — we’ve got your back.
Read more…
