Remove Cache Remove Code Remove Performance Remove Workshop
article thumbnail

Five Data-Loading Patterns To Improve Frontend Performance

Smashing Magazine

Five Data-Loading Patterns To Improve Frontend Performance. Five Data-Loading Patterns To Improve Frontend Performance. When it comes to performance, you shouldn’t be stingy. Every unnecessary bit of JavaScript code you bundle and serve will be more code the client has to load and process. Active Memory Caching.

article thumbnail

Increase the Performance of your Site with Lazy-Loading and Code-Splitting

Jos

It turns out this component structure provides a great foundation to improve the performance of our sites. We are explicit about our dependencies, so we know what code we need to run to run a specific component. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed.

Code 147
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

Increase the Performance of your Site with Lazy-Loading and Code-Splitting

Jos

It turns out this component structure provides a great foundation to improve the performance of our sites. We are explicit about our dependencies, so we know what code we need to run to run a specific component. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed.

Code 130
article thumbnail

How We Improved SmashingMag Performance

Smashing Magazine

How We Improved SmashingMag Performance. How We Improved SmashingMag Performance. Every web performance story is similar, isn’t it? A day when a project, fully polished and carefully optimized, gets launched, ranking high and soaring above performance scores in Lighthouse and WebPageTest. Vitaly Friedman.

article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

Working around improving performance was an ongoing journey on SmashingMag for a while. In the end of last year we’ve noticed that we’ve seen quite a drop in performance in 2020, so we rolled up our sleeves and got to work. Gael Metais suggested to more aggressively subset web fonts and look into caching issues with our AVIF files.

Mobile 140
article thumbnail

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

Improving The Performance Of An Online Store (Case Study). Improving The Performance Of An Online Store (Case Study). Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. For this article, we will focus on the first three and the performance adjustments for these.

article thumbnail

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

Smashing Magazine

I plan on sharing specifically what I learned from performance and accessibility practices as a first-time lead developer of a team , as well as what I wish I had known before we started. Imagine how poor the loading performance would be if we had to load a bunch of images like this one! Unoptimized, full-size JPEG is around 1.2

Cache 72