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

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

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

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

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. The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish.

Cache 125

Cache Performance Servers Social Media 125

Smashing Magazine

MAY 25, 2022

Memory and performance management are important aspects of software development and ones that every software developer should pay attention to. Let’s illustrate this with some snippets: let smashing = {name: "magazine"}; // The object can be accessed from the reference. // Overwrite the reference smashing. Frank Joseph.

Cache 116

Cache Programming Storage Code 116

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

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. The HTTP Cache is a disk cache.

Cache 91

Cache Games Performance Website 91

Smashing Magazine

AUGUST 10, 2023

Large preview ) I don’t know about you, but it often feels like I’m missing something when measuring page speed performance. Not the best way to get a high-level view of performance. I’ve had time to work with DebugBear and thought I’d give you a peek at it with some notes on my experience using it to monitor performance.

Speed 81

Speed Monitoring Testing Network 81

Smashing Magazine

OCTOBER 31, 2023

Answering Common Questions About Interpreting Page Speed Reports Answering Common Questions About Interpreting Page Speed Reports Geoff Graham 2023-10-31T16:00:00+00:00 2023-10-31T17:06:18+00:00 This article is sponsored by DebugBear Running a performance check on your site isn’t too terribly difficult. Can’t be perfect every time!

Speed 97

Speed Google Website Metrics 97

Smashing Magazine

MARCH 7, 2022

In my last article , I suggested using the SaveData API to deliver a different, more performant, experience to users that expressed that desire. This is helpful for those on poor or expensive networks, so they don’t have to pay an exorbitant cost just to visit your website. Signals For Customizing Website User Experience. Data Saver.

Website 103

Website Media Mobile Network 103

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. Performance Budgets. “A A performance budget is ‘. Business Performance. Akshay Ranganath.

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

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. This problem is more apparent on unreliable and slow networks and lower-end devices. Performance Costs. JavaScript’s effect on performance consists of download, parsing and the execution costs.

Code 89

Code Performance Network Website 89

Smashing Magazine

DECEMBER 23, 2020

You can find a comprehensive Beginner’s Guide To Progressive Web Apps on Smashing Magazine that focuses on building the core of PWAs. Optimizing Based On Network Usage. You can further optimize the loading speed by having the PWA use cache-first networking, prioritizing resources, and use adaptive loading based on network quality.

Cache 123

Cache Internet Internet Google 123

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

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

JANUARY 15, 2019

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. Perhaps the biggest win when it comes to making websites more sustainable is that performance, user experience and sustainability are all neatly intertwined. Jack Lenox. 2019-01-15T13:30:32+01:00.

Website Performance 73

Website Performance Website Energy Performance 73

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

AUGUST 15, 2023

Large preview ) While browsers are generally pretty fast, these steps still take time to load, typically in seconds, and even longer on slower, high-latency network connections. That’s practically an eternity when talking about page speed performance. Homepage with DevTools Network inspection enabled and open.

Media 73

Media Metrics Mobile Best Practices 73

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. This leads to longer startup times, and if the network cannot supply the video fast enough, the video will stall during video playback. There is a solution though! Large preview ).

Network 143

Network Speed Website Mobile 143

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

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

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. Drew McLellan. 2019-04-17T12:30:16+02:00. 2019-04-29T18:34:58+00:00. They’re not directives.

Performance 106

Performance Games Servers Cache 106

Smashing Magazine

JUNE 2, 2021

Smashing Magazine article with fallback font and with full web fonts. You can see if the shift was excluded in Chrome DevTools by using the Performance tab to record the page and then finding the shifts as shown in the next screenshot. Using the Performance tab in Chrome Dev Tools to see if shifts are excluded due to recent input.

Media 125

Media Metrics Website Google 125

Smashing Magazine

MARCH 2, 2021

The gotcha here is that, if your mobile experience isn’t optimized for various devices and network conditions, these customers will never appear in your analytics — just because your website or app will be barely usable on their devices, and so they are unlikely to return. A performance benchmark Lighthouse is well-known.

Mobile 133

Mobile Testing Website Benchmarking 133

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

Smashing Magazine

FEBRUARY 5, 2019

iOS Performance Tricks To Make Your App Feel More Performant. iOS Performance Tricks To Make Your App Feel More Performant. Although modern iOS hardware is powerful enough to handle many intensive and complex tasks, the device could still feel unresponsive if you are not careful about how your app performs.

Performance 75

Performance Energy Operating System Code 75

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). What Are Core Web Vitals? They can produce very detailed reports and recommendations.

Google 98

Google Monitoring Website Speed 98

Smashing Magazine

JUNE 10, 2021

But how do you find all these things causing performance issues? Let me share three tools that will help you spot performance issues and ship high-quality and fast websites. Note : If you’re looking for a complete overview of best practices and tools, have a look at the Frontend performance checklist.

Cache 105

Cache Website Best Practices Network 105

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. And JavaScript can certainly make requests for additional network resources.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

APRIL 21, 2023

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. Web Workers are designed to perform tasks that do not require direct access to the UI, such as data processing, image manipulation, or calculations.

Efficiency 106

Efficiency Code Strategy Network 106

Smashing Magazine

AUGUST 9, 2019

Handling Unused CSS In SASS To Improve Performance. Handling Unused CSS In SASS To Improve Performance. You can see timings like these for any asset in Chrome in Developer Tools via Network -> Click on your asset -> Timing tab. Luke Harrison. 2019-08-09T12:30:59+02:00. 2019-08-09T12:36:17+00:00. This means a whopping 94.8%

Performance 94

Performance C++ Media Website 94

Smashing Magazine

MAY 16, 2022

To my surprise, web performance monitoring conversations rarely surface Server-Timing or cover a very shallow understanding of its application — despite it being out for many years. This header can be set on the response of any network resource, such as XHR, fetch, images, HTML, stylesheets, etc. Setting Server-Timing.

Servers 92

Servers Monitoring Cache Network 92

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

Brendan Gregg

APRIL 30, 2018

Apart from networking, attending conferences like LISA in person is an effective way to upgrade your skills: you can block out work interruptions and absorb new knowledge that's been neatly summarized into sessions. We first met each other at LISA, in addition to making many other important industry connections over the years.

DevOps 43

DevOps Network Best Practices Programming 43

Brendan Gregg

APRIL 29, 2018

Apart from networking, attending conferences like LISA in person is an effective way to upgrade your skills: you can block out work interruptions and absorb new knowledge that's been neatly summarized into sessions. We first met each other at LISA, in addition to making many other important industry connections over the years.

DevOps 40

DevOps Network Best Practices Programming 40