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

Understanding Weak Reference In JavaScript

Smashing Magazine

The output of the code above would be the following: WeakMap {{…} => 'done'} man = null; console.log(human). The object is retained in memory and can be accessed with the following code: console.log(human[0]). let human = new WeakMap(): // Create an object, and assign it to a variable called man. It keeps the object in memory.

Cache 116
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

A New Way To Reduce Font Loading Impact: CSS Font Descriptors

Smashing Magazine

Smashing Magazine, like most publishers, makes use of web fonts and the below screenshot shows the difference between the initial render (with the fallback fonts), and the final render (with the web fonts): Smashing Magazine article with fallback font and with full web fonts. Large preview ). Large preview ).

article thumbnail

Creating A Magento PWA: Customizing Themes vs. Coding From Scratch

Smashing Magazine

Creating A Magento PWA: Customizing Themes vs. Coding From Scratch. Creating A Magento PWA: Customizing Themes vs. Coding From Scratch. One of the reasons for that is because a PWA has the same code base. So unlike the case with native applications, the progressive web app needs to be coded only once. Alex Husar.

Code 74
article thumbnail

Inspired Design Decisions With Otto Storch: When Idea, Copy, Art And Typography Became Inseperable

Smashing Magazine

Recently, I was browsing a new addition to my library and was captivated by one magazine spread. A selection of covers from Otto Storch’s time as art director for McCall’s Magazine. Publishing can be a cut-throat business, and the magazines Storch worked on weren’t high-fashion. Inspired Design Decisions: Avaunt Magazine.

Design 106
article thumbnail

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

Many of them are covered in CSS-Tricks’ helpful overview , and Smashing Magazine offers a great PDF checklist. This has the nice effect of making them directly available to the browser when the document loads, but obviously the browser cannot cache them for the whole website. First Things First: Things Loaded On All Pages.

article thumbnail

Inspired Design Decisions With Bradbury Thompson: The Art Of Graphic Design

Smashing Magazine

I became fascinated by the ways magazine art directors including Alexey Brodovitch and Bea Feitler brought images and text together. From early on, he was inspired by print designs, especially magazines, and used this influence to design the college’s yearbooks. Thompson studied at Washburn College in his home city of Topeka.

Design 119