Remove assets css style.css
article thumbnail

Cache-Control for Civilians

CSS Wizardry

One of the most common and effective ways to manage the caching of your assets is via the Cache-Control HTTP header. This header applies to individual assets, meaning everything on our pages can have a very bespoke and granular cache policy. Any asset that carries the no-store directive will always hit the network, no matter what.

Cache 264
article thumbnail

Exploring Differences Between HTTP Preload vs HTTP/2 Push

KeyCDN

HTTP/2 Push allows web developers to define specific assets that should be pushed to the client along with the HTML document. Traditionally, the client requesting resources from the server initially receives the HTML file and parses it to determine which assets it needs to request next. What Is HTTP/2 Push?

Speed 99
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

Gatsby Headaches: Working With Media (Part 1)

Smashing Magazine

The idea is that fetching assets that are part of that initial render earlier results in faster loading rather than waiting for other assets lower on the chain. We can prevent the rest of the images from render-blocking other assets using the loading="lazy" attribute on images. assets/images/forest-400.jpg

Media 79
article thumbnail

Django Highlights: Wrangling Static Assets And Media Files (Part 4)

Smashing Magazine

Django Highlights: Wrangling Static Assets And Media Files (Part 4). Django Highlights: Wrangling Static Assets And Media Files (Part 4). It’s not just source code for the configuration, models, views, and templates, but also static assets: CSS and JavaScript, images, icons. Static Assets. Philip Kiely.

Media 69
article thumbnail

Preload, prefetch and other link tags

CSS - Tricks

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" /> Supposedly, this helps browsers prioritize when to download assets and which assets to load. <link rel="prefetch"> – when you’ll need a resource on a next page. <link

article thumbnail

Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions

Smashing Magazine

We’ll sprinkle a little JavaScript and CSS to make them interactive. Before we can use CSS and JS, we need to tell 11ty to copy the static files to our built site. Copying Static Assets To The Final Build. When these files are created, we need to tell 11ty to copy the assets to the final build. configuration file.