Brendan Gregg

FEBRUARY 28, 2023

At USENIX SREcon22 APAC I gave the opening keynote on the future of computer performance, rounding up the latest developments and making predictions of where I see things heading. This talk originated from my updates to Systems Performance 2nd Edition , and this was the first time I've given this talk in person!

Performance 52

Performance Latency Cache Virtualization 52

Smashing Magazine

JUNE 26, 2019

What Web Designers Can Do To Speed Up Mobile Websites. What Web Designers Can Do To Speed Up Mobile Websites. I recently wrote a blog post for a web designer client about page speed and why it matters. What I didn’t know before writing it was that her agency was struggling to optimize their mobile websites for speed.

Website 110

Website Speed Mobile Design 110

Rigor

SEPTEMBER 11, 2019

Reading time 16 min Whether you’re a web performance expert, an evangelist for the culture of performance, a web engineer incorporating performance into your process, or someone new to the web performance entirely, you probably identify as curious, excited about new ideas, and always learning. Rachel Andrew.

Performance 89

Performance Education Google Website 89

Smashing Magazine

OCTOBER 29, 2019

Speed Up Your Website With WebP. Speed Up Your Website With WebP. Even if you resize your images to the exact specifications of your website and run them through a compressor, they can still put a strain on performance and run up bandwidth usage. Suzanne Scacca. 2019-10-29T12:30:59+02:00. 2019-10-29T13:36:09+00:00.

Website 72

Website Speed Cache Google 72

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

MAY 9, 2022

Performance Game Changer: Browser Back/Forward Cache. Performance Game Changer: Browser Back/Forward Cache. Ensuring your website caches most of its assets for future uses has long been touted as essential for web performance. Barry Pollard. 2022-05-09T10:30:00+00:00. 2022-05-09T17:34:14+00:00. webperf #perfmatters.

Cache 91

Cache Games Performance Website 91

Smashing Magazine

JANUARY 21, 2021

How We Improved SmashingMag Performance. How We Improved SmashingMag Performance. Every web performance story is similar, isn’t it? A day when a project, fully polished and carefully optimized, gets launched, ranking high and soaring above performance scores in Lighthouse and WebPageTest. Vitaly Friedman.

Performance 145

Performance Cache Mobile Network 145

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 94

Performance Design Speed Testing 94

Smashing Magazine

AUGUST 3, 2023

How We Optimized Performance To Serve A Global Audience How We Optimized Performance To Serve A Global Audience Liran Cohen 2023-08-03T10:00:00+00:00 2023-08-03T13:06:00+00:00 I work for Bookaway , a digital travel brand. Large preview ) We’ve known for a long time that fast page performance influences search engine rankings.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

SEPTEMBER 28, 2022

Five Data-Loading Patterns To Improve Frontend Performance. Five Data-Loading Patterns To Improve Frontend Performance. When it comes to performance, you shouldn’t be stingy. On design systems, UX, web performance and CSS/JS. However, some caveats regarding performance, scalability, and potential data conflicts exist.

Cache 125

Cache Performance Servers Social Media 125

Smashing Magazine

JUNE 3, 2022

Measuring The Performance Of Typefaces For Users (Part 1). Measuring The Performance Of Typefaces For Users (Part 1). How well does a typeface work and perform against another similar typeface? Reasons To Measure The Performance Of Typefaces? Measuring Typefaces And The Resulting Performance Data. Thomas Bohm.

Performance 110

Performance Design Best Practices Testing 110

Smashing Magazine

DECEMBER 23, 2020

It doesn’t come as a surprise, considering the benefits of higher conversion rates, customer engagement, decreased page loading speed, and lower costs on development and overhead. You can find a comprehensive Beginner’s Guide To Progressive Web Apps on Smashing Magazine that focuses on building the core of PWAs. Large preview ).

Cache 123

Cache Internet Internet Google 123

Smashing Magazine

APRIL 16, 2024

There are three web vitals metrics Google uses to measure different aspects of website performance: Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), Interaction to Next Paint (INP). You’ll often see different page speed metrics reported by different tools and data sources, so it’s important to understand the differences.

Google 98

Google Monitoring Website Speed 98

Smashing Magazine

JULY 11, 2019

This over-confidence didn’t last long though, because when I arrived, I found myself surrounded by conceptual artists, filmmakers, painters, performance artists, printmakers, and sculptors, who all seemed much more talented than I was. Pressing Matters magazine. © Pressing Matters Magazine. © Pressing Matters Magazine.

Design 92

Design Media Mobile Energy 92

Smashing Magazine

MAY 6, 2021

Improving The Performance Of Shopify Themes (Case Study). Improving The Performance Of Shopify Themes (Case Study). Code evolves over time with more features, new or changing dependencies, or maybe a goal of performance improvements. Better performance across the board. Carson Shold. 2021-05-06T11:00:00+00:00.

Performance 89

Performance Mobile Speed Code 89

Smashing Magazine

MARCH 25, 2021

How To Boost Media Performance On A Budget. How To Boost Media Performance On A Budget. However, just as out-of-control spending bodes ill in the long run, so does unbudgeted digital media decimate site performance. Of the many factors that affect page-load speed, media is a significant one. Performance Budgets. “A

Media 117

Media Performance Mobile Latency 117

Smashing Magazine

DECEMBER 7, 2023

If you’re reading this before March 2024 and fire up your favorite performance monitoring tool, you’re going to to get a Core Web Vitals report like this one pulled from PageSpeed Insights: ( Large preview ) You’re likely used to seeing most of these metrics. INP will officially replace FID when it becomes an official Core Web Vital metric.

Traffic 94

Traffic Metrics Google Monitoring 94

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

JUNE 12, 2019

“The Best in Performance” video series from Rigor gives you the chance to eavesdrop on conversations with web performance industry experts, thought leaders, and technologists. Listen in as they talk about current trends, challenges, and lessons that impact the APM and performance space today. Building a culture of performance.

Performance 72

Performance Social Media Internet Internet 72

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 90

Google Analytics Traffic Metrics 90

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

NOVEMBER 9, 2021

An example in case is this same website, Smashing Magazine. That’s why all avatars, the arrow button, and many other elements are all tilted, at the same angle as the Smashing logo is: Tilted elements in Smashing Magazine ( Large preview ). What about images? Resized + cropped + focused around faces.

Website 103

Website Social Media Media Design 103

Smashing Magazine

APRIL 17, 2019

Optimizing Performance With Resource Hints. Optimizing Performance With Resource Hints. Modern web browsers use all sorts of techniques to help improve page load performance by guessing what the user may be likely to do next. Speed Up Next-Page Navigations With Prefetching ,” Addy Osmani. (il). Drew McLellan.

Performance 106

Performance Games Servers Cache 106

Smashing Magazine

JULY 16, 2020

Methods Of Improving And Optimizing Performance In React Apps. Methods Of Improving And Optimizing Performance In React Apps. React enables web applications to update their user interfaces (UIs) quickly, but that does not mean your medium or large React application will perform efficiently. Measuring Performance.

Performance 121

Performance Code Virtualization Processing 121

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. Before delving into details about code-splitting, let’s quickly remind ourselves what makes JavaScript so impactful on overall performance. Performance Costs. Adrian Bece. 2022-02-02T10:30:00+00:00.

Code 89

Code Performance Network Website 89

Speed Curve

OCTOBER 19, 2015

Performance budgets are an important tool for ensuring your site is delivering a great user experience. Steve first experienced performance budgets while Head Performance Engineer at Google. The practice of using budgets to track performance took off with Tim Kadlec's blog post Setting a Performance Budget.

Performance 45

Performance Benchmarking Metrics Media 45

Smashing Magazine

FEBRUARY 15, 2021

A video with large dimensions or a high bitrate will take longer to download and will require a higher speed network to play back smoothly. Bitrate is the playback speed of the video. However, all the other connections have a downlink speed that’s significantly lower than 20 MBPS. There is a solution though! Large preview ).

Network 143

Network Speed Website Mobile 143

Smashing Magazine

AUGUST 15, 2023

That’s practically an eternity when talking about page speed performance. Wrapping Up In this article, we identified, measured, and fixed a very common performance issue, not only in Drupal but in everyday front-end work. Similar to accessibility, I find the biggest obstacle to making web performance better is indifference. “

Media 73

Media Metrics Mobile Best Practices 73

Speed Curve

SEPTEMBER 20, 2022

The screenshots from What Hifi (a UK audio-visual magazine) illustrate this problem. Timing entries can be retrieved using a Performance Observer, and the data can be forwarded to a RUM or analytics product: const observer = new PerformanceObserver((list) => { let entries = list.getEntries().forEach((entry) WebKit Feature Status.

Metrics 141

Metrics Retail Mobile Analytics 141

Smashing Magazine

JUNE 2, 2021

Yes, we’ve changed how we defined the user experience of the page load to look at the loading speed of the most relevant content , but it’s basically reusing the old techniques of ensuring that the content loads as quickly as possible. Smashing Magazine article with fallback font and with full web fonts. Large preview ).

Media 125

Media Metrics Website Google 125

Smashing Magazine

MARCH 2, 2021

If you’d like to dive deeper into the performance of Android and iOS devices, you can check Geekbench Android Benchmarks for Android smartphones and tablets, and iOS Benchmarks for iPhones and iPads. A performance benchmark Lighthouse is well-known. billion by 2026. Making A Case For Business. Driving Business Metrics. Large preview ).

Mobile 133

Mobile Testing Website Benchmarking 133

Smashing Magazine

OCTOBER 29, 2018

Measuring Performance With Server Timing. Measuring Performance With Server Timing. When undertaking any sort of performance optimisation work, one of the very first things we learn is that before you can improve performance you must first measure it. Browsers now even have performance audits built right in.

Servers 87

Servers Performance Metrics Database 87

Smashing Magazine

NOVEMBER 17, 2022

That is why, today, Web Performance is as important and trendy as having an online presence. Table of Contents: What Is Web Performance? What Is Web Performance? Web performance refers to the speed at which a website loads, how fast it’s downloaded, and how an app is displayed on the user’s browser. Conclusion.

Media 105

Media Cache Website Mobile 105

MachMetrics

OCTOBER 12, 2020

We love hearing from customers who successfully increase their website’s performance. Check out this video , where Mathias Biilmann talks about his realization that bringing the Smashing Magazine website over from WordPress to a static site using the JAMstack and Netlify hosting would make it load around 6 times faster!

Website 52

Website Speed Traffic Database 52

Smashing Magazine

MAY 20, 2020

How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts. How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts. Performance degradation is a problem we face on a daily basis. Performance is a competitive advantage that can bring and retain customers. Anton Nemtsev.

Performance 98

Performance Metrics Best Practices Code 98

Smashing Magazine

JUNE 25, 2021

Speeding up the registration process is yet another crucial UX principle. Many websites let users enter data manually to speed up the application process. Below is a screenshot from Google PageSpeed , which shows that the platform’s search speed has a grade of 12 out of 100. Screens of edX’s signup ( Large preview ).

Education 83

Education Website Google Design 83

Smashing Magazine

AUGUST 9, 2019

Handling Unused CSS In SASS To Improve Performance. Handling Unused CSS In SASS To Improve Performance. In this article, we’ll start by exploring the impact unused CSS can have on page load speeds. This reduces the amount of unused CSS in the final stylesheet and speeds up the critical rendering path. Luke Harrison.

Performance 94

Performance C++ Media Website 94