CSS - Tricks

APRIL 1, 2021

The better the performance, the better chance that users stay on a page, read content, make purchases, or just about whatever they need to do. This is a very basic site made with simple HTML, CSS, and JavaScript. I’m going to audit the performance of my slow site before and after the things we tackle in this article. Lighthouse.

Cache 92

Cache Social Media Media Website 92

Smashing Magazine

FEBRUARY 2, 2022

Projects built using JavaScript-based frameworks often ship large bundles of JavaScript that take time to download, parse and execute, blocking page render and user input in the process. What problem could there be if the file itself is minified and optimized? Bundling Pitfalls. Let’s take a look at a simple example. Four public pages.

Code 89

Code Performance Network Website 89

Smashing Magazine

JANUARY 11, 2021

Often deferred till the very end of the project, it would boil down to minification, concatenation, asset optimization and potentially a few fine adjustments on the server’s config file. LogRocket tracks key metrics, incl. DOM complete, time to first byte, first input delay, client CPU and memory usage. Get a free trial of LogRocket today.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 7, 2019

Often deferred till the very end of the project, it would boil down to minification, concatenation, asset optimization and potentially a few fine adjustments on the server’s config file. Web performance is a tricky beast, isn’t it? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Table Of Contents.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JULY 29, 2019

This article is part of a series in which I attempt to use the web under various constraints, representing a given demographic of user. You can read the study methodology for more information. Chris Ashton. 2019-07-29T14:00:59+02:00. 2019-07-29T13:06:57+00:00. Last time, I navigated the web for a day using Internet Explorer 8.

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

JANUARY 6, 2020

Often deferred till the very end of the project, it would boil down to minification, concatenation, asset optimization and potentially a few fine adjustments on the server’s config file. Web performance is a tricky beast, isn’t it? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Table Of Contents.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

FEBRUARY 8, 2022

When we run the bundling, webpack defines each JS- or TS-file as a module. These are the output files, which you see in the dist directory (or build , depending on how yours is set up). Wepback takes JS-, TS- or CSS- modules as input and parses them into an abstract ‘syntax tree’. main.js', admin: './admin.js', admin.js', }, }.

Storage 79

Storage Code Metrics C++ 79