Remove Code Remove Servers 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. It’s a common misconception that the code which is produced by the framework build tools (Webpack, for example) is fully optimized and cannot be improved upon any further. The answer lies in code-splitting.

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

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
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
article thumbnail

GraphQL On The Front-End (React And Apollo)

Smashing Magazine

One of the main benefits of GraphQL is the client’s ability to request what they need from the server and receive that data exactly and predictably. Let’s get right into the code. website to download the latest version. The repo contains both the client-side and server, so we have some other dependencies that’s needed.

Cache 115
article thumbnail

Next.js Wildcard Subdomains

Smashing Magazine

This space can act as its own website — not tied to anything. We’ll be focusing on three places where you can get the wildcard: Server Side In getServerSideProps , Client Side With useEffect , Server Side On API Routes And Edge Functions. Jump to the workshop ?. Server Side In getServerSideProps. 0]) }, []).

Servers 84
article thumbnail

How To Build An Amazon Product Scraper With Node.js

Smashing Magazine

As such, I urge you always to be mindful of the website while scraping, take care not to damage it, and follow ethical guidelines. Recommended Reading : “ The Guide To Ethical Scraping Of Dynamic Websites With Node.js So, it goes without saying just how big of a data treasure trove the website is. Jump to the workshop ?.

Website 115