Speed Curve

DECEMBER 19, 2018

This blog post has a simple conclusion: Load script asynchronously! Understanding the importance of loading scripts asynchronously might help increase adoption of this critical performance improvement, so we're going to walk through the evolution of async script loading starting way back in 2007. Finally: Async.

Internet 53

Internet Internet Website Traffic 53

Smashing Magazine

OCTOBER 1, 2021

Now, let’s create our articles and a blog page to list out our articles. In content/ , which is a folder created automatically for the nuxt/content module, create a new folder articles/ and then a new file in the folder first-blog-post.md. Since we’ve installed the packages, let’s start our app: npm run dev. Nuxt app started.

Media 122

Media Code Servers Performance 122

Smashing Magazine

AUGUST 19, 2022

This pattern of naming files is commonly seen in action when you decide to build a blog or when you’re interacting with data that changes based on the type of user that is logged into an application. when I was building my blog. You’ll notice the text in the paragraph tag below the bold “Forgot password” text. <p>You

Processing 110

Processing Best Practices Availability Open Source 110

Smashing Magazine

OCTOBER 24, 2023

All of that is dumped on any given page in one fell swoop courtesy of Google Tag Manager (GTM), which allows us to deploy and run scripts without having to go through the pain of re-deploying the entire site. Adding the async attribute to a <script> tag will load the script asynchronously, executing it as soon as it’s downloaded.

Google 90

Google Analytics Traffic Metrics 90

Alex Russell

JANUARY 30, 2024

The blog you're reading loads over a single connection in ~1.2 decoding="async" loading="lazy" /> Tap to try the interactive version. decoding="async" loading="lazy" /> In LATAM , iPhones make up less than 6% of total device shipments. and 75KiB of JavaScript. These are generous targets. Tap to try the interactive version.

Performance 90

Performance Network Mobile Speed 90

Smashing Magazine

DECEMBER 27, 2021

We need to create routes for WordPress static pages, individual posts, blog archive, category archive, and tags archive. Gatsby provides the createPages API as a part of Gatsby Node API. Let’s take a look at the code responsible for the creation of individual posts. You can find the complete code in this GitHub repository.

Website 127

Website Open Source Code Availability 127

Smashing Magazine

JULY 29, 2019

Chrome devtools screenshot of the DOM, where I’ve expanded one inline style tag. The browser will guess at what the highest priority assets are, but you can provide a resource hint using the <link rel="preload"> tag, instructing the browser to download the asset as soon as possible. Google Homepage — DOM.

Cache 96

Cache Google Mobile Network 96