article thumbnail

Web Performance Bookshelf

Rigor

Reading time 1 min Why share the library of the web performance books while there’s a substantial collection of fantastic websites and articles on the net? Web Performance Collection. A collection of practical articles on front-end website performance for front-end developers. Web Performance Tuning.

article thumbnail

How To Boost Resource Loading With The New Priority Hint `fetchpriority`

Smashing Magazine

Script (async), Media and images, SVG document. These default priorities work reasonably well for most cases, usually resulting in a good performance. However, developers with a deep understanding of the project may want to improve performance beyond that by doing some fine-tuning under the hood. CSS mismatch, Prefetch.

Media 70
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

Hybrid Lazy Loading: A Progressive Migration To Native Lazy Loading

Smashing Magazine

The best practice is to do this for the primary images — typically for the ones that will be displayed above the fold. <img This is a best practice only if you do it only to secondary images — typically for the ones will be displayed below the fold. <img media="(min-width: 1200px)".

Website 103
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. Graph of resource request chains on a typical news media website.

Website 131
article thumbnail

2021 in review: It was a big year!

Speed Curve

We also added a "Performance 101" section that includes articles like: Synthetic vs. Real User Monitoring. Performance Budgets 101. Performance Culture Best Practices. Web Performance for Product Managers. Web Performance for Retailers. SEO and Web Performance. That's our year in review.

Retail 52
article thumbnail

The Great Firewall of China: Obstacles to Monitoring Performance

Dotcom-Montior

A website that is accessed in China for the first time will have a slow loading time due to this process. China’s firewall works both ways: people inside China cannot access restricted sites hosted in foreign countries, while a number of Chinese sites, apps, music and other media are not accessible outside China as well.

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.