Smashing Magazine

MARCH 19, 2021

Working around improving performance was an ongoing journey on SmashingMag for a while. In the end of last year we’ve noticed that we’ve seen quite a drop in performance in 2020, so we rolled up our sleeves and got to work. We were busy not only with performance and UX optimizations though. Web Performance. Thank you! ??.

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

JANUARY 6, 2020

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]. Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]. Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Vitaly Friedman.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JUNE 8, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome who was working all around web performance for decades. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Image Decoding Performance. +.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

JANUARY 7, 2019

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Vitaly Friedman.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

APRIL 28, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome and focusing around performance for decades. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Image Decoding Performance. +.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

AUGUST 19, 2022

Well, there’s even an open-source project that literally handles authentication from the ground up. In this section, we’ll walk through the process of building the form and how you can use Axios to perform data fetching via the arbitrary API endpoint. Further Reading On Smashing Magazine. “ isn’t left behind.

Processing 110

Processing Best Practices Availability Open Source 110

Smashing Magazine

MAY 6, 2019

Lazy loading is a way to improve the performance of a website or web application by maximizing the rendering speed of the above-the-fold images and iframes (and sometimes videos) by deferring the loading of below-the-fold content. It’s not very hard to write the JavaScript code required to perform these operations on your own.

Website 103

Website Best Practices Media Open Source 103

Smashing Magazine

JUNE 1, 2022

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. Measuring Performance Impact. You cannot always anticipate what you cannot control.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

MAY 17, 2021

Performance is a core feature of our company, Instant Domain Search —it’s in the name. We’ve recently grown to a small group based mostly in Victoria, Canada and we are working through a long backlog of new features and performance improvements. A 75th percentile (p75) metric strikes a reasonable balance for performance goals.

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

APRIL 29, 2021

While not render-blocking, they can indirectly impact render performance. If using 11ty for your static sites, try the 11ty high-performance blog template. Lighthouse is an open-source, automated tool for improving the quality of web pages. It also shows up on hover in the DevTools Performance panel. Lighthouse.

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

JUNE 28, 2021

If you’re creating tons and tons of DOM elements and doing a lot of real-time updates, you might or might not run into performance challenges. Mike: I haven’t seen a performance issue ever. is performance right at the box. There’s accessibility, best practices, performance and one fourth one. It’s concern.

Website 62

Website Design Open Source Software 62

Smashing Magazine

SEPTEMBER 27, 2021

Cypress’ test runner is open-source, so it fits our product strategy. Example: If you want to test the checkout process in an online shop, don’t perform all of the other steps, such as creating the products and categories, even though you will need them to process the checkout. Example: Finding My Articles in Smashing Magazine.

Testing 135

Testing Website Code Efficiency 135

Smashing Magazine

AUGUST 22, 2021

HTTP/3: Performance Improvements (Part 2). HTTP/3: Performance Improvements (Part 2). In this second part, we will zoom in on the performance improvements that QUIC and HTTP/3 bring to the table for web-page loading. We will, however, also be somewhat skeptical of the impact we can expect from these new features in practice.

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. But beware of circular references to content which could cause headaches and performance issues. Also, building on an existing SDK has allowed us to follow the best practices recommended by the vendor while saving time.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

SEPTEMBER 6, 2021

If after the previous two parts — HTTP/3 history and core concepts and HTTP/3 performance features — you’re convinced that starting to use the new protocols is a good idea (and you should be!), HTTP/3 performance features. then this final piece includes all you need to know to get started!

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

NOVEMBER 4, 2021

Drew McLellan: He’s an engineer at Skypack and a major contributor to a new project called Astro, which aims to combine performance best practices with the developer experience improvements we see from component based approaches. Worked on that full-time open source for about three years I think. Transcript.

Media 87

Media Website Architecture Servers 87

Smashing Magazine

SEPTEMBER 29, 2021

This is why a lot of our guidance on performance talks about image optimization. Degree of compression, image quality, and decoding speed are key factors to be considered when comparing image performance for the web. The AV1 image file format (AVIF) is an open-source image format for storing still and animated images.

Open Source 144

Open Source Speed Website Google 144