The Server Timing header provides a discrete and convenient way to communicate backend server performance timings to developer tools in the browser. Adding timing information to your application enables you to monitor back-end and front-end performance all in one place. Over the years developer tools have been improved to help us troubleshoot these sorts of performance issues in the front end of our applications. Browsers now even have performance audits built right in. This can help track down front end issues, but these audits can show up another source of slowness that we can’t fix in the browser.
Read more…
Last week, Rachel Andrew attended the CSS Working Group meeting at W3C TPAC, and rounds up some of the discussions in this post — including those things where you can help make a decision. Today, she will explain a little bit about what happens at TPAC, and show some examples and demos of the things she discussed at TPAC for CSS in particular.
Read more…
Everyone knows that if a website is slow, users will abandon it. Many studies demonstrate the connection between website performance and conversion rates. Being an easy-to-use inclusive and versatile piece of software, WordPress comes with a plethora of options that are not necessarily utilized in each and every project. As a result, website performance can suffer. In this article, Denis Žoljom shares his experience and the basics of creating a decoupled WordPress.
Read more…
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…
Attribute selectors are magical. They can get you out of sticky problems, help you avoid adding classes and point out some problems in your code. But don’t worry, while attribute selectors are complex and powerful, they’re easy to learn and easy to utilize. In this article, John Rhea will discuss how they operate and give you some ideas about how to use them. By the end of this article, you’ll use them to run diagnostics on your site, fix otherwise unsolvable problems, and generate technologic experiences so advanced they feel like magic.
Read more…
What happened in the web community in the last few weeks? The web is developing and changing so fast, and we need to acknowledge that we as individual persons can’t know and understand everything. And that’s fine. Choose what you want to do, set your priorities, and, most importantly of all, don’t hesitate to hire someone else for the things you can’t do on your own. In this article, Anselm has summarized the most important happenings in the web community that have taken place over the past few weeks in one handy list for you. Enjoy!
Read more…
It’s an exciting time when your mobile app is ready to launch, but be careful. No matter how high you see those app store downloads go, don’t go rushing to celebrate just yet. There’s a more meaningful metric you should be paying attention to in order to determine the success of your app, and that’s the mobile app retention rate. Suzanne Scacca will explore what a good retention rate looks like for mobile apps. Let’s start with the basics.
Read more…
At SmashingConf Toronto, attendees got to participate in live performance and accessibility audits with our speakers Marcy Sutton and Tim Kadlec. Marcy took two example components, built using React, and walked us through how these components could be made more accessible with some straightforward changes, and Tim demonstrates how to test the performance of a site, and find bottlenecks leading to poor experiences for visitors. Watching an expert assess these critical areas can help you to perform your own audits.
Read more…
Photoshop is what many digital artists, photographers, graphic designers, and even some web developers have in common. What sets us apart is how we use the tool. In this tutorial, Yoanna Victorova shares her most often used Photoshop shortcuts and a few key parts of her creative process. To profit the most from this tutorial, some familiarity with Photoshop would be required, but you should be able to follow along because every technique will be explained in detail. For this article, she decided to use one of her most famous Photoshop artworks named “Regret”.
Read more…
