Remove Best Practices Remove Code Remove Magazine Remove Speed
article thumbnail

Tools And Practices To Speed Up The Vue.js Development Process

Smashing Magazine

Tools And Practices To Speed Up The Vue.js Tools And Practices To Speed Up The Vue.js Throughout this tutorial, we will be looking at practices that should be adopted, things that should be avoided, and have a closer look at some helpful tools to make writing Vue.js Best Practices When Writing Custom Directives.

Speed 133
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
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

The Fight For The Main Thread

Smashing Magazine

You know, have a plan for it and write code that’s mindful about adding extra weight to the page. But not everything about performance happens directly at the code level, right? I’d say many — if not most — sites and apps rely on some number of third-party scripts where we might not have any influence over the code.

Google 91
article thumbnail

Next.js Wildcard Subdomains

Smashing Magazine

With 100s of real-life examples , guidelines and best practices that you can apply right away. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; The live version is available at [link] and the source code can be found at [link].

Servers 84
article thumbnail

How To Benchmark And Improve Web Vitals With Real User Metrics

Smashing Magazine

Facing this code, one would (rightfully) say it does not perform well. It’s not fast code to run, and it could be optimized with different kinds of loops, or perform those tasks in a single loop. This helps taking action directly targeted to the issue instead of simply trusting general best practices. Large preview ).

article thumbnail

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

Smashing Magazine

Refactoring is a challenging process that is much more complex than simply deleting the legacy code and replacing it with the refactored code. There is also the matter of integrating the refactored codebase with the legacy codebase and avoiding regressions, accidental code deletions, preventing stylesheet conflicts, etc.

Strategy 132
article thumbnail

How To Build An Amazon Product Scraper With Node.js

Smashing Magazine

With 100s of real-life examples , guidelines and best practices that you can apply right away. You need to adapt your scraper’s code for a specific system , and if you use the same script on a new kind of page, you’d have to rewrite parts of it. To keep things simple, we’ll take a step-by-step approach to writing the code.

Website 115