Remove Availability Remove Cache Remove Code Remove Workshop
article thumbnail

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

Jos

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. When you send the user code that is not needed, you waste resources from your end, and from the user’s end.

Code 147
article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

Gael Metais suggested to more aggressively subset web fonts and look into caching issues with our AVIF files. If a browser doesn’t support AVIF, it gets a JPEG file (properly cached), The content negotiation happens via <picture> + srcset in the browser. New Online Workshops on Smashing. Workflow & Code.

Mobile 141
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

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. When you send the user code that is not needed, you waste resources from your end, and from the user’s end.

Code 130
article thumbnail

Interactive Learning Tools For Front-End Developers

Smashing Magazine

Over the last little while, I’ve been able to collect links to several interactive coding tools and apps that can help you supplement your skills in different areas of web development. This is a straightforward flexbox playground that also generates the code for you. Jump to online workshops ?. “code golf”).

article thumbnail

Percentiles don’t work: Analyzing the distribution of response times for web services

Adrian Cockcroft

A later version of the slides is included in my Microservices Workshop deck from later that year, slides 168–200 ( pdf , keynote are available in GitHub.com/adrianco/slides ). The code is written using the R statistics language and I downloaded a free copy of RStudio to run the examples below. >

Lambda 98
article thumbnail

The State Of Web Workers In 2021

Smashing Magazine

The web is streaming, meaning it has none of the resources locally available when you open an app for the first time. iOS empowers developers to easily parallelize code using Grand Central Dispatch , Android does this via their new, unified task scheduler WorkManager and game engines like Unity have job systems.

Games 145
article thumbnail

GraphQL On The Front-End (React And Apollo)

Smashing Magazine

It allows developers to define, handle, and make queries/mutations available within our application. We’ll be learning how to do this with GraphQL Features like Cache Update, Subscriptions, and Optimistic UI. Let’s get right into the code. Jump to online workshops ?. Installation. installed on your computer.

Cache 117