Remove Availability Remove Code Remove Magazine Remove Website Performance
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. Adrian Bece.

Code 91
article thumbnail

How Improving Website Performance Can Help Save The Planet

Smashing Magazine

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. In this screenshot below, for example, we can see that loading the Smashing Magazine website for the first time incurs just under a megabyte of data transfer. Jack Lenox. Large preview ).

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

Don’t Sink Your Website With Third Parties

Smashing Magazine

You may have a lean, agile, responsive site design only to find it gradually loaded down with more and more “extras” that are often put onto the site by marketing departments or business leaders who are not always thinking about website performance. The downside is that third-party requests can impact website visitors.

Website 133
article thumbnail

How Partytown Eliminates Website Bloat From Third-Party Apps

Smashing Magazine

Even if your website is designed with usability in mind, these factors impede users from fully benefiting from the website’s features. This is why performance is crucial when building websites. are usually the biggest pieces of the performance puzzle. This frees up the browser’s main thread to run your own code.

Website 83
article thumbnail

Optimizing Google Fonts Performance

Smashing Magazine

Due to the high-quality standard of Google Fonts, many of the font families contain the full spectrum of available font-weights: Thin (100). The default code for implementing Google Fonts looks like this: <link href="[link] rel="stylesheet"> If you do that, it will load only the ‘regular 400’ variant. Large preview ).

Google 111
article thumbnail

How To Boost Media Performance On A Budget

Smashing Magazine

The Art Of Balancing Performance With Media Content. Even though rich media can promote user engagement, we need to balance the cost of delivering them with your website performance and business goals. There are also other options available. Despite bandwidth savings, however, that approach comes at a cost. Wrapping Up.

Media 119
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

How do we actually know where we stand in terms of performance, and what exactly our performance bottlenecks are? Align performance efforts with other tech initiatives, ranging from new features of the product being built to refactoring to reaching to new global audiences.