Remove Availability Remove Code 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

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

Refactoring CSS: Introduction (Part 1)

Smashing Magazine

CSS is a simple stylesheet language for defining a website or document’s presentation. You’ve probably worked on a project with a poor CSS codebase before and thought how you’d written the code differently, given the opportunity to refactor or rewrite everything from scratch. Leftover, unused chunks of code from deleted features.

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

Three Insights I Gained While Researching Vue.js Accessibility

Smashing Magazine

website : 1 — Welcome to GOV.UK Let’s progress from theoretical considerations into hands-on code. In the following code block, you see a component listing the newest problems in an online shop. Jump to the workshop ?. Let’s write a piece of simplified dream code for this situation. Online, and live.

Strategy 141
article thumbnail

Developer Decisions for Building Flexible Components

Smashing Magazine

In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors. We’re not going to delve into how to code it — rather, the factors that will determine our development decisions.