Remove Efficiency Remove Internet Remove Video Remove Website Performance
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. You may not think about it often, but the Internet uses a colossal amount of electricity. If we must use web fonts, we should make sure our fonts are as performant as is reasonably possible.

article thumbnail

Reducing Carbon Emissions On The Web

Smashing Magazine

The only time the Internet was mentioned was as a tool for communicating with one another without the need to chop down more trees, or for working without a commute. So, when people first started talking about the Internet having similar carbon emissions to the airline industry , I was a bit skeptical. More after jump!

Website 136
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

article thumbnail

Improving JavaScript Bundle Performance With Code-Splitting

Smashing Magazine

JavaScript-based frameworks like React made the process of developing web applications streamlined and efficient, for better or worse. Before delving into details about code-splitting, let’s quickly remind ourselves what makes JavaScript so impactful on overall performance. Performance Costs. More after jump! Large preview ).

Code 91
article thumbnail

Optimizing Web Performance: Understanding Waterfall Charts

Dotcom-Montior

Waterfall charts let us see a cascade effect over several tasks, and in the matter of a few seconds, the user can see how bad/good the performance of the website is, such as how many resources are blocking parallel downloads or how many rows exist. Users can also watch the actual URL loading video in the browser window.

article thumbnail

Optimizing Web Performance: Understanding Waterfall Charts

Dotcom-Montior

Waterfall charts let us see a cascade effect over several tasks, and in the matter of a few seconds, the user can see how bad/good the performance of the website is, such as how many resources are blocking parallel downloads or how many rows exist. Users can also watch the actual URL loading video in the browser window.

article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

Defining The Environment Choosing a framework, baseline performance cost, Webpack, dependencies, CDN, front-end architecture, CSR, SSR, CSR + SSR, static rendering, prerendering, PRPL pattern. Assets Optimizations Brotli, AVIF, WebP, responsive images, AV1, adaptive media loding, video compression, web fonts, Google fonts.

article thumbnail

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Smashing Magazine

To get a good first impression of how your competitors perform, you can use Chrome UX Report ( CrUX , a ready-made RUM data set, video introduction by Ilya Grigorik and detailed guide by Rick Viscomi) or Treo Sites , a RUM monitoring tool that is powered by Chrome UX Report. Image source ). Use progressive enhancement as a default.