CSS - Tricks

JUNE 5, 2020

In 2015, Google published a blog post announcing Brotli and released its source code on GitHub. It took a few months for major CDN players to support Brotli, but meanwhile it was seeing widespread adoption in tools, services, browsers and servers. Brotli’s beginning…. A story of disappointment. Luckily we already had that in place.

Cache 79

Cache Website Servers Open Source 79

Smashing Magazine

JUNE 2, 2021

And while you can usually cache the full page of an article, the same is not true of many shop pages and elements. Some are user-specific, like the shopping cart in the header or the wish list, and due to the personal nature of the data, they should never be cached. But even in the planning phases, traps await. Large preview ).

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

APRIL 29, 2021

Use CSS aspect-ratio or aspect ratio boxes to reserve space otherwise. If using 11ty for your static sites, try the 11ty high-performance blog template. Modern browsers now set the default aspect ratio of images based on an image’s width and height attributes, so it’s valuable to set them to prevent such layout shifts.

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

JANUARY 11, 2021

Defining The Environment Choosing a framework, baseline performance cost, Webpack, dependencies, CDN, front-end architecture, CSR, SSR, CSR + SSR, static rendering, prerendering, PRPL pattern. Estimated Input Latency tells us if we are hitting that threshold, and ideally, it should be below 50ms. To deliver an LCP in <2.5s

Performance 145

Performance Cache Media Metrics 145