"What I love most about the intervention is the attention it has gotten from developers. JavaScript isn’t a given. Things go wrong."

"We gave the test to 136 people, and the skeleton screen performed the worst by all metrics. Users in the skeleton screen group took longer to complete the task, were more likely to evaluate their wait time negatively (by answering the first question with “Strongly disagree” or “Moderately disagree”), and guessed that the wait time had been longer than users who saw the loading spinner or a blank screen."

"Skeleton screens can improve the feel of any action taking longer than a few hundred milliseconds. Applying them to your rendering bottlenecks will make your UI feel faster and make people happier."

"And, for goodness sake, disable AMP on your website.
Don’t feed the monster – fight it."

"Looking back over one full year since we started rebuilding our mobile web, we’re so proud of the experience we’ve created for our users. Not only is it significantly faster, it’s also our first platform to support right-to-left languages and “night mode.” Investing in a full-featured PWA has exceeded our expectations. And we’re just getting started."

"LazyLoad is a Chrome optimization that defers loading below-the-fold images and certain third-party iframes on the page until the user scrolls near them"

The web is a place of many environments, where the developer's environment is often far different than the user's. While there is no need to change our ways or switch to lazy computers, it definitely helps to see our work the way it is seen by others from time to time.

"As a web developer, there is a high probability that you have encountered the two enemies of this article: images and deadlines. Sometimes, for some reasons, your images won’t fit the layout and you don’t want to wrap your head around this for hours."

"We recently deployed a change to casper.com that loaded a piece of 3rd party JavaScript from our own server instead of the vendor’s server. This change shaved 1.7 seconds off of the start render time."

"In sum, the prospect of AMP may not be positive for all publishers. Though the technology offers rightly lauded fast page loads, and potential opportunities in new products, with only 34% of publishers seeing a clear boost in traffic and some facing substantial monetization challenges, implementing AMP may come at a high cost for publishers. Those publishers facing revenue challenges might be better served by optimizing their implementation setup on AMP rather than relying on a traffic boost to solve these monetization challenges."

Argumentaire simple en faveur d'un site statique avec Hugo

CheatSheet for flex

CheatSheet for grid

Web fonts are awesome. They make your sans-serifs slabby, your headers special and your website look gorgeous. But fonts are a resource, and downloading resources always comes as a cost — if you don’t load web fonts efficiently, what you get instead are phantom underlines, blank pages, and user rage. Let’s talk about ways to avoid this, and what new platform features are here to help us deliver pretty (but also!) fast experiences to everyone.

Web fonts are difficult to get right. An often overlooked and disruptive piece of web performance, web fonts can slow down your site and leave your visitors confused and agitated. No one wants agitated visitors. In this talk we’ll discuss useful methods to render web fonts quickly and without disruption so that visitors can do what should be a simple task—read the text. After all, web fonts are not rocket science.

"First Input Delay (FID) measures the time that it takes for a web page to respond to the first user interaction with the page. As of July 2018, FID is available in the Chrome UX Report as an experimental metric."

"By using a number of these design techniques, you can help the user of your apps by guiding them to where they want to be and also make your apps feel faster by reducing user anxiety."