Remove Code Remove Processing Remove Website Remove Workshop
article thumbnail

Improving JavaScript Bundle Performance With Code-Splitting

Smashing Magazine

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. Projects built using JavaScript-based frameworks often ship large bundles of JavaScript that take time to download, parse and execute, blocking page render and user input in the process. Adrian Bece.

Code 89
article thumbnail

Exploring The Potential Of Web Workers For Multithreading On The Web

Smashing Magazine

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. The main thread is the single execution context that is responsible for rendering the UI, executing JavaScript code, and handling user interactions.

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

Five Data-Loading Patterns To Improve Frontend Performance

Smashing Magazine

Every unnecessary bit of JavaScript code you bundle and serve will be more code the client has to load and process. The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. How will you serve blazingly fast code, then?

Cache 126
article thumbnail

Tips And Tricks For Evaluating UX/UI Designers

Smashing Magazine

It may seem enchanting how well-designed apps or websites can boost your sales, but it takes far more than a handful of fairy dust to make users enjoy their interactions. That happens when your app/website/system is efficient. When it comes to the decision-making process, many businesses make the same mistake over and over again.

Design 113
article thumbnail

Next.js Wildcard Subdomains

Smashing Magazine

This space can act as its own website — not tied to anything. Jump to the workshop ?. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; Hosting Content And Personal Portfolios. From complex mega-dropdowns to carousels and filters.

Servers 84
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 ). What Is the Expected Distribution of Website Response Times? > system.time(wait1 <- normalmixEM(waiting, mu=c(50,80), lambda=.5,

Lambda 98
article thumbnail

How We Improved SmashingMag Performance

Smashing Magazine

It always starts with the long-awaited website overhaul. And suddenly, before you know it, the code base gets a little bit overweight and fragmented , third-party scripts have to load just a little bit earlier, and shiny new dynamic content finds its way into the DOM through the backdoors of fourth-party scripts and their uninvited guests.