Search
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Render-Blocking Styles
28.5.2019
CSS files are rendered while rendering the actual document, not after. For this reason, the document has to wait for the CSS to be parsed and interpreted before anything is shown on the screen. The
10 Web Performance Audit Tips for Your Next Billion Users in 2019: Render-Blocking Styles
28.5.2019
CSS files are rendered while rendering the actual document, not after. For this reason, the document has to wait for the CSS to be parsed and interpreted before anything is shown on the screen. The
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Art Direction
28.5.2019
It is very important not to confuse design with art direction. Design is perfection in technique while art direction is about the important, yet sometimes intangible emotion that powers the design
10 Web Performance Audit Tips for Your Next Billion Users in 2019: Art Direction
28.5.2019
It is very important not to confuse design with art direction. Design is perfection in technique while art direction is about the important, yet sometimes intangible emotion that powers the design
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Resolution Switching
26.5.2019
We need to learn that when it comes to responsive design, this doesn’t cut it for responsive images:
img {
width: 100%;
height: auto;
}
This is not a silver bulle
10 Web Performance Audit Tips for Your Next Billion Users in 2019: Resolution Switching
26.5.2019
We need to learn that when it comes to responsive design, this doesn’t cut it for responsive images:
img {
width: 100%;
height: auto;
}
This is not a silver bulle
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Offscreen Loading
26.5.2019
Just as the name implies, offscreen images are images that appear below the fold. Since users can't see offscreen images wh
10 Web Performance Audit Tips for Your Next Billion Users in 2019: Offscreen Loading
26.5.2019
Just as the name implies, offscreen images are images that appear below the fold. Since users can't see offscreen images wh
10 Web Performance Audit Tips for Your Next Billion Users in 2018: TTI: Time to Interactive
21.5.2019
First Meaningful Paint is close to useless because it’s an illusion. It’s a decoy to keep the user from bouncing off your website while we get them the real thing. When does the user get this r
10 Web Performance Audit Tips for Your Next Billion Users in 2019: TTI: Time to Interactive
21.5.2019
First Meaningful Paint is close to useless because it’s an illusion. It’s a decoy to keep the user from bouncing off your website while we get them the real thing. When does the user get this r
Weekly news: PWA Issue on iOS, Performance Culture, Anti-Tracking in Browsers
17.5.2019
In this week's news: resolving an issue when restarting progressive web apps in iOS, why The Telegraph now vets all scripts before they make it to their codebase, and Microsoft plans to add tracking prevention to the Edge browser.
The post Weekly news: PWA Issue on iOS, Performance Culture...
A Deep Dive into Native Lazy-Loading for Images and Frames
15.5.2019
Today's websites are packed with heavy media assets like images and videos. Images make up around 50% of an average website's traffic. Many of them, however, are never shown to a user because they're placed way below the fold.
What’s this thing about images being lazy, you ask? Lazy-loading...
Google Fonts is Adding font-display
14.5.2019
Google announced at I/O that their font service will now support the font-display property which resolves a number of web performance issues. If you're hearing cries of joy, that's probably Chris as he punches the air in celebration. … Read article
The post Google Fonts is Adding...
Crypto Heresy: Question Blockstream on Twitter and You’ll Be Blocked
10.5.2019
Crypto Twitter (CT) is a grueling battleground between digital currency enthusiasts, company executives, maximalists, journalists, lawyers, and so-called thought leaders and luminaries. For instance, on May 8, reporter Larry Cermak posted data concerning Blockstream and its sidechain project...
Preload, prefetch and other link tags
24.4.2019
Ivan Akulov has collected a whole bunch of information and know-how on making things load a bit more quickly with preload and prefetch. That's great in and of itself, but he also points to something new to me – the as attribute:
<link rel="preload" href="/style.css" as="style"...
The Serif Tax
9.4.2019
Fonts are vector. Vector art with more points makes for larger files than vector art with fewer points. Custom fonts are downloaded. So, fonts with less points in their vector art are smaller. That's the theory anyway. Shall we see if there is any merit to it?
Open Sans (top) and Garamond...
Native Lazy Loading
9.4.2019
IntersectionObserver has made lazy loading a lot easier and more efficient than it used to be, but to do it really right you still gotta remove the src and such, which is cumbersome. It's definitely not as easy as:
<img src="celebration.jpg" loading="lazy" alt="..." />
Addy Osmani says...
Responsible JavaScript
3.4.2019
We just made a note about this article by Jeremy Wagner in our newsletter but it’s so good that I think it’s worth linking to again as Jeremy writes about how our obsession with JavaScript can lead to accessibility and performance issues:
What we tend to forget is that the environment websites...
Who has the fastest website in F1?
2.4.2019
Jake Archibald looks at the websites of Formula One race teams and rates their performance, carefully examining their images and digging into the waterfall of assets for each site:
Trying to use a site while on poor connectivity is massively frustrating, so anything sites can do to make it less...
Chrome Lite Pages
19.3.2019
The Chrome team announced a new feature called Lite Pages that can be activated by flipping on the Data Saver option on an Android device:
Chrome on Android’s Data Saver feature helps by automatically optimizing web pages to make them load faster. When users are facing network or data constraints...