Speed Curve

FEBRUARY 15, 2021

Performance budgets are one of those ideas that everyone gets behind conceptually, but then are challenged to put into practice – and for very good reason. If you're just getting started with performance budgets – or if you've been using them for a while and want to validate your work – this post is for you.

Performance 133

Performance Metrics Benchmarking Google 133

Rigor

JANUARY 8, 2020

Without a set plan in place, any new script can damage performance, affecting user experience, and, therefore, business KPIs. We noticed a few common misperceptions about web performance budgets that can impact their adoption and setting that we would like to address. Five Common Myths About Web Performance Budgets.

Performance 122

Performance Mobile Metrics Speed 122

MachMetrics

DECEMBER 14, 2019

With another year winding down, it’s time for us to take stock of how our site performance compares to the average page load times for 2020. As you know, there are many metrics that determine a website’s page speed, and we can’t look at just one of them to determine how performant our site is.

Best Practices 105

Best Practices Speed Mobile Google 105

Speed Curve

DECEMBER 20, 2023

Ten years is a lot of time to reflect, and over this past year our team has been thinking a lot about not just the "what" and "how" of web performance, but also the "why". In that time, we've seen people's interest in performance dramatically increase, especially in the world of SEO. Among other things, we turned ten !

Performance 57

Performance Metrics Speed Google 57

Smashing Magazine

JANUARY 11, 2021

Front-End Performance Checklist 2021. Front-End Performance Checklist 2021. This guide has been kindly supported by our friends at LogRocket , a service that combines frontend performance monitoring , session replay, and product analytics to help you build better customer experiences. Web performance is a tricky beast, isn’t it?

Performance 145

Performance Cache Media Metrics 145

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 106

Performance Network Latency Servers 106

Smashing Magazine

JUNE 10, 2022

Measuring The Performance Of Typefaces For Users (Part 2). Measuring The Performance Of Typefaces For Users (Part 2). Therefore, how well does it perform when compared to other typefaces that are considered to be historically well done or have been revived well? Thomas Bohm. 2022-06-10T08:00:00+00:00. 2022-06-10T12:33:17+00:00.

Performance 95

Performance Design Speed Testing 95

CSS - Tricks

DECEMBER 23, 2020

Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. It’s offers a great way to enforce performance budgets, and also helps you keep track of each reported metric so you can see how they have changed over time. touch lighthouserc.js.

Performance 78

Performance Storage Servers Virtualization 78

Rigor

SEPTEMBER 17, 2019

Reading time 8 min Rigor’s “The Best in Performance” interview series offers the chance to listen in on conversations with web performance industry experts, thought leaders, and technologists as they discuss current trends, challenges, and lessons that impact the performance and APM space today.

Performance 68

Performance Traffic Website Performance Testing 68

Smashing Magazine

FEBRUARY 15, 2021

By running basic optimizations of our videos before adding them to our websites, we can prevent these issues from occurring for good — well, most of them. It’s not uncommon to find websites with extremely large videos — for example, used used as hero background videos. There is a solution though! Real-World Data. Large preview ).

Network 143

Network Speed Website Mobile 143

CSS - Tricks

AUGUST 18, 2020

Yet, this criticism of React isn’t completely unwarranted: React and ReactDOM total about 120 KiB of minified JavaScript, which definitely contributes to slow startup time. What follows are my findings on React performance as I’ve tried to meet this challenge in a way that’s best for users. Setting the scene.

Performance 101

Performance Mobile Servers Code 101

CSS - Tricks

APRIL 1, 2021

Site performance is potentially the most important metric. 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. Speed is also something Google considers when ranking your website placement on mobile. Again, every millisecond counts.

Cache 92

Cache Social Media Media Network 92

Smashing Magazine

AUGUST 31, 2021

Use it for <Provider> s, global definitions, application settings, and so on. Every time a new route is visited, our pages can tap into the AppStateContext and have their definitions passed down as props. If you have multiple pieces of state defined in a single context, you may start running into performance issues.

Cache 103

Cache Servers Best Practices Code 103

Speed Curve

MARCH 7, 2022

If you've been working in the performance space for a while and you hear me start to talk about page growth, I'd forgive you if you started running away. ;). HTML – Typically the smallest resource on the page, HTML's performance risk is usually negligible. More stylesheets equal more risk of performance degradation.

Mobile 145

Mobile Benchmarking Google Metrics 145

CSS - Tricks

MARCH 29, 2021

Maybe it’s part of a performance review to identify critical CSS and reduce unused selectors. Generally, code auditing involves analyzing code to find bugs or other irregularities, like possible performance issues. To truly audit CSS, we would need to dig deeper and find places that are not considered best practices.

Code 110

Code Media Cache Energy 110

Smashing Magazine

JULY 20, 2021

WordPress is the most used website builder in the world; almost half of the web has used WordPress to create their website. It makes sense, because it allows you to quickly create websites and has a rich plugin’s ecosystem to help you scale your site. Monolithic, Regular CMS architecture ( Large preview ).

Website 142

Website Architecture Technology Technology 142

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. I mean, it’s not like we figured out some crazy way to get performance. Transcript.

Media 88

Media Website Architecture Servers 88

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 104

Performance Cache Network Metrics 104

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

Rigor

JULY 11, 2019

Reading Time: 8 minutes Whether your ecommerce business is 100% online or you supplement with bricks and mortar, your website is a critical revenue driver. When your website isn’t performing optimally, you risk not only your revenue but also your reputation as a trusted resource. Which Metrics Matter for Ecommerce?

Ecommerce 87

Ecommerce Metrics Website Mobile 87

Smashing Magazine

OCTOBER 24, 2023

The Fight For The Main Thread The Fight For The Main Thread Geoff Graham 2023-10-24T18:00:00+00:00 2023-10-24T22:02:26+00:00 This article is sponsored by SpeedCurve Performance work is one of those things, as they say, that ought to happen in development. But not everything about performance happens directly at the code level, right?

Google 91

Google Analytics Traffic Metrics 91

CSS - Tricks

MARCH 16, 2020

to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web performance can be monitored as the website grows and develops. Google Lighthouse is one of the best-automated tools available on a web developer's utility belt. website if you prefer.

Google 82

Google Latency Website Metrics 82

Smashing Magazine

NOVEMBER 30, 2021

Improving The Performance Of Wix Websites written by Dan Shappir. Adding A Dyslexia-Friendly Mode To A Website written by John C Barstow. We last talked to him in July 2020 , where we asked if modern best practices about for the web. Chris on Twitter. The Vanilla JavaScript Podcast. Weekly Update. Chris: Indeed.

Technology 94

Technology Technology Servers Code 94

Smashing Magazine

JUNE 28, 2021

Mike’s personal website. Actually, I was just checking the Cut Into The Jamstack website today, and the accessibility score is very high. I’ve done static websites. It definitely is. We definitely have a lot more need for UI than marketing stuff. In this episode, we’re talking about Chakra UI. Show Notes.

Website 62

Website Design Open Source Software 62

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 105

Network Servers Cache Traffic 105

Smashing Magazine

APRIL 9, 2019

Way back in the days when JavaScript was very much the poorer cousin to HTML and CSS, we didn’t need to think too much about how our scripts could be used as an attack vector for our websites. This remains a good, practical way to work, but it does introduce a potential vector for attack. What Could Go Wrong? Conclusion.

Website 58

Website Servers Code Best Practices 58

Smashing Magazine

OCTOBER 6, 2021

To simplify this behavior, a best practice is to ensure your styles include resetting all elements to use border-box. Within a fixed layout set to 100vh , the bottom part of the website content is stuck behind the browser chrome, making it inaccessible when scrolling is prevented. Large preview ). Cumulative Layout Shift.

Design 145

Design Availability Mobile Website 145

O'Reilly

OCTOBER 11, 2022

As a trend, it’s not performing well on Google; it shows little long-term growth, if any, and gets nowhere near as many searches as terms like “Observability” and “Generative Adversarial Networks.” Office staff usually perform tasks like invoice processing by filling in a web form. Should it be? What’s required?

Games 114

Games Healthcare Processing Retail 114

Smashing Magazine

AUGUST 9, 2021

Often they make it seem as if HTTP/3 is a revolution in performance, while it is really a more modest (yet still useful!) This is dangerous, because the new protocol will probably not be able to live up to these high expectations in practice. Websites would magically become 50% faster with the flip of a switch!

Transportation 145

Transportation Internet Internet Network 145