Remove articles front-end-cache-strategies-you-should-know
article thumbnail

WaterBear: Building A Free Platform For Impactful Documentaries (Part 2)

Smashing Magazine

In this second article, I’ll go over some key technical highlights from the project. We collaborated with WaterBear and its partner companies to build a revamped and redesigned version of WaterBear’s web and mobile app from the ground up using modern front-end technologies. Here is how we tackled the challenge.

Cache 72
article thumbnail

CSS and Network Performance

CSS Wizardry

While this strategy is effective, it’s not simple: highly dynamic sites can be difficult to extract styles from, the process needs to be automated, we have to make assumptions about what above the fold even is, it’s hard to capture edge cases, and tooling still in its relative infancy. Employ Critical CSS. in your HTML. This section is odd.

Network 278
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

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. Like the hunt for the grail, though, you have to question whether this is really the answer you are looking for. In this article, I’ll highlight some of the work we did and how we were able to achieve our speed.

article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

Surely you can save quite a bit of vertical space with them, but the cost of it are plenty of accessibility and autofill issues. Surely you can save quite a bit of vertical space with them, but the cost of it are plenty of accessibility and autofill issues. How should the input values appear on :active and on :focus ?

Mobile 140
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

Front-End Performance Checklist 2021. Front-End Performance Checklist 2021. 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. Vitaly Friedman.

article thumbnail

Fixing a slow site iteratively

CSS - Tricks

Having a slow site might leave you on page 452 of search results, regardless of any other metric. In that spirit, what we’re looking at in this article is focused more on the incremental wins and less on providing an exhaustive list or checklist of performance strategies. Many of you may already be super familiar with it.

Cache 92
article thumbnail

Signals For Customizing Website User Experience

Smashing Magazine

In my last article , I suggested using the SaveData API to deliver a different, more performant, experience to users that expressed that desire. In this article, I want to spend a bit more time on this, and also look at other signals we can similarly use to help us make decisions on what to load on our websites. Barry Pollard.

Website 103