Remove Cache Remove Code Remove Website Remove Workshop
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? More after jump!

Cache 126
article thumbnail

Refactoring CSS: Optimizing Size And Performance (Part 3)

Smashing Magazine

Deploying the refactored codebase shouldn’t result in worse website performance and worse user experience. After all, users won’t wait around forever for the website to load. Also, the management will be dissatisfied with the decreased traffic and revenue caused by the unoptimized codebase, despite the code quality improvements.

Media 109
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. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same?

Code 147
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. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same?

Code 130
article thumbnail

GraphQL On The Front-End (React And Apollo)

Smashing Magazine

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. website to download the latest version. Also, here’s the repo containing the code demonstrating subscription on the the client-side. Jump to online workshops ?. More after jump!

Cache 115
article thumbnail

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

Real-life performance for your users and how the website “feels” when you’re using it should not be discounted, even if it costs you a point or two in Page Speed (otherwise, we would all just have a search bar and unstyled text). Today, the website is much faster and ranks highly in various showcases and benchmarks. Large preview ).

article thumbnail

Jamstack CMS: The Past, The Present and The Future

Smashing Magazine

The world’s first website was made from static HTML files created in a text editor. Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. Mike Neumegen. released 1998.

Ecommerce 139