Remove articles preconnect-and-dns-prefetch
article thumbnail

Optimizing Performance With Resource Hints

Smashing Magazine

In this article we’ll take a look at the main types of Resource Hints and when and where we can use them in our pages. DNS Prefetching. A DNS lookup is the process of turning a human-friendly domain name like example.com into the machine-friendly IP address like 123.54.92.4 <link rel="dns-prefetch" href="[link].

article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

This guide has been kindly supported by our friends at LogRocket , a service that combines frontend performance monitoring , session replay, and product analytics to help you build better customer experiences. LogRocket tracks key metrics, incl. DOM complete, time to first byte, first input delay, client CPU and memory usage. Table Of Contents.

Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Smashing Magazine

How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? And, most importantly, where do we even start improving performance and how do we establish a performance culture long-term? Table Of Contents.

article thumbnail

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? And, most importantly, where do we even start improving performance and how do we establish a performance culture long-term? Table Of Contents.

article thumbnail

How To Optimize Progressive Web Apps: Going Beyond The Basics

Smashing Magazine

It doesn’t come as a surprise, considering the benefits of higher conversion rates, customer engagement, decreased page loading speed, and lower costs on development and overhead. We can see respected companies also enjoying success with their PWAs , such as Twitter, Uber, Tinder, Pinterest, and Forbes. What Is A PWA? How Do PWAs Work?

Cache 123
article thumbnail

How Fast Is Amp Really?

Tim Kadlec

How well does AMP perform compared to the canonical article? As Ferdy pointed out, when you click through to an AMP article from Google Search, it loads instantly—AMP’s little lightning bolt icon seems more than appropriate. On a simulated 3G connection, the Scientas AMP article presents you with a blank white screen for 3.3

Cache 79
article thumbnail

HTTP/3: Practical Deployment Options (Part 3)

Smashing Magazine

Practical HTTP/3 deployment options ( current article ). You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. Robin Marx. 2021-09-06T11:00:00+00:00. 2021-09-06T12:37:13+00:00. This series is divided into three parts: HTTP/3 history and core concepts. HTTP/3 performance features.

Network 104