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

Brendan Gregg

MARCH 16, 2024

I'm sure this delivered large performance improvements and I wouldn't try arguing against it. Only in extreme circumstances does the cost (in processor time and I-cache footprint) translate to a tangible benefit - circumstances which usually resort to hand-coded assembly anyway.

Java 145

Java Cache Google Hardware 145

CSS - Tricks

MARCH 2, 2022

I have a handful of good links to articles about performance that are burning a hole in my bookmarks folder, and wanna drop them here to share. Performance: Making a Fast Framework Even Faster — Ben Schwarz says that Next.js But performance isn’t something that can be left entirely to a framework. How do we do it?

Performance 68

Performance Cache Best Practices Strategy 68

Smashing Magazine

JUNE 2, 2021

Improving The Performance Of An Online Store (Case Study). Improving The Performance Of An Online Store (Case Study). Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. For this article, we will focus on the first three and the performance adjustments for these.

Performance 116

Performance Cache Website Mobile 116

Jos

JUNE 2, 2018

Web Performance is not only about understanding what makes a site fast. Performance is a feature and needs to be prioritized as such. Performance is a topic that has interested me for a long time. Moving over to web, the performance problems are different. This is not a post explaining why web performance is important.

Performance 237

Performance Speed Google Media 237

CSS - Tricks

JULY 25, 2019

This article is from my friend Ben who runs Calibre , a tool for monitoring the performance of websites. In this article, we uncover how PageSpeed calculates it’s critical speed score. Now that Google uses page speed as a ranking factor, many organizations have become laser-focused on performance. Recommended!

Google 71

Google Engineering Speed Mobile 71

Smashing Magazine

FEBRUARY 27, 2024

With performance at the forefront of my mind, I decided to head over to MDN for a fresh look at the Performance API. The Performance API is huge in that it contains a lot of different interfaces, properties, and methods. The element performance metric type doesn’t work with the performance.getEntries() method anyway.

Performance 96

Performance Metrics Monitoring Google 96

Smashing Magazine

AUGUST 9, 2022

Core Web Vitals Tools To Boost Your Web Performance Scores. Core Web Vitals Tools To Boost Your Web Performance Scores. Essentially, a web vital is a quality standard for UX and web performance set by Google. Essentially, a web vital is a quality standard for UX and web performance set by Google.

Performance 130

Performance Benchmarking Website Metrics 130

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

MachMetrics

FEBRUARY 27, 2020

If you’re not a developer/designer, you may not be familiar with the Chrome DevTools and the extremely powerful Google Lighthouse Audits that can be found inside. However, you have likely used the Web UI that Google uses to allow you to test websites for speed – Google PageSpeed Insights. Performance.

Google 82

Google Speed Testing Tools Testing 82

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

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

Jos

APRIL 6, 2018

It turns out this component structure provides a great foundation to improve the performance of our sites. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed. The article will be using Preact/React, yet the ideas can be applied to any other component library.

Code 147

Code Performance Media Google 147

Jos

APRIL 5, 2018

It turns out this component structure provides a great foundation to improve the performance of our sites. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed. The article will be using Preact/React, yet the ideas can be applied to any other component library.

Code 130

Code Performance Google Media 130

Speed Curve

FEBRUARY 5, 2024

That performance golden rule still holds true today. Google recommends that TTFB be 800ms at the 75th percentile. Charlie Vazac introduced server timing in a Performance Calendar post circa 2018. Caching the base page/HTML is common, and it should have a positive impact on backend times.

Servers 57

Servers Cache Retail Benchmarking 57

Smashing Magazine

DECEMBER 23, 2020

The service workers enable the offline usage of the PWA by fetching cached data or informing the user about the absence of an Internet connection. When developing a PWA, you can cache the application shell’s resources and assets in the browser. Cached content with IndexedDB. Cache first, then network. Service Workers.

Cache 124

Cache Internet Internet Google 124

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

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

Alex Russell

MARCH 6, 2021

Back in 2016, I gave a talk outlining the causes and effects of the terrible performance of web apps built using popular tools on the fastest-growing device segment: low-end to mid-range Android phones. Poor performance has a compound effect on user expectations at an ecosystem level. Live by the link, die by the link.

Performance 124

Performance Network Cache Metrics 124

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. Google’s industry benchmarks from 2018 also provide a striking breakdown of how each second of loading affects bounce rates.

Cache 92

Cache Social Media Media Network 92

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. HTTP/3 performance features ( current article ). Robin Marx. 2021-08-23T06:20:00+00:00.

Performance 106

Performance Network Latency Servers 106

Dotcom-Montior

MARCH 27, 2022

If the DNS caches are manipulated to contain wrong IP addresses, it’s called DNS poisoning. If you run ads from Google Adsense, or any other blocked companies, along with banned advertisements in China, they won’t appear on your page and your websites or applications may also face access restrictions. Blocking IP Access.

Website 82

Website Internet Internet Performance 82

MachMetrics

JUNE 30, 2021

Website performance & speed plays a major role in the success of an online business. High-performing fast sites attract and preserve users better than low-performing ones. In this article, we will particularly look at the average page load time in 2021 and importance of web vitals. Daniel An, Google, 2017.

Cache 78

Cache Speed Google Website 78

Jos

JUNE 2, 2018

Web Performance is not only about understanding what makes a site fast. Performance is a feature and needs to be prioritized as such. Performance is a topic that has interested me for a long time. Moving over to web, the performance problems are different. These days we have more and better tools to audit our performance.

Performance 130

Performance Speed Google Media 130

KeyCDN

SEPTEMBER 3, 2020

How to measure performance The Website Speed Test is the ideal tool for measuring the performance of your website. It offers a full range of performance grades and suggestions where we outline the performance potential in detail. Further down, there are detailed performance grades for various topics.

Processing 127

Processing Cache Website Servers 127

CSS - Tricks

JULY 27, 2021

I got together with Tim Kadlec from over at WebPageTest the other day to use do a bit of performance testing on CSS-Tricks. Essentially use the tool, poke around, and identify performance pain points to work on. Web performance work is twofold: Step 1) Measure Things & Explore Problems Step 2) Fix it. Let’s dig in!

Cache 97

Cache Google Innovation Testing 97

Tim Kadlec

MARCH 19, 2018

This got me wondering: how well does AMP really perform. Evaluating the effectiveness of AMP from a performance standpoint is actually a little less straightforward than it sounds. You have to consider at least four different contexts: How well does AMP perform in the context of Google search?

Cache 79

Cache Google Speed Metrics 79

Smashing Magazine

JULY 29, 2019

This article is part of a series in which I attempt to use the web under various constraints, representing a given demographic of user. MB , that suggests I’ve got around 29 pages in my budget, although probably a few more than that if I’m able to stay on the same sites and leverage browser caching. Google Homepage — DOM.

Cache 96

Cache Google Mobile Network 96

CSS - Tricks

OCTOBER 26, 2020

I still think the Google-devised Core Web Vitals are smart. When I first got into caring about performance, it was all: reduce requests! cache things! And while those are all very related to web performance, they are abstractly related. Performance tooling like Calibre covers them. Make stuff smaller!

Cache 96

Cache Metrics Google Performance Testing 96

Dotcom-Montior

JUNE 25, 2020

If the DNS caches are manipulated to contain wrong IP addresses, it’s called DNS poisoning. If you run ads from Google Adsense, or any other blocked companies, along with banned advertisements in China, they won’t appear on your page and your websites or applications may also face access restrictions. Blocking IP Access.

Website 97

Website Internet Internet Performance 97

Smashing Magazine

MARCH 19, 2021

Ironically, at the moment of publishing that article in late February, we still had floating labels used in most of our forms, and we wanted to explore if removing them would actually help us improve the overall experience on the site. Working around improving performance was an ongoing journey on SmashingMag for a while.

Mobile 140

Mobile Design Cache Code 140

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. Similar to our article Average Page Load Times for 2018 , we’ll go over the averages for metrics and help you determine if your site is faster or slower than average.

Best Practices 105

Best Practices Speed Mobile Google 105

MachMetrics

FEBRUARY 10, 2020

But what about our web font’s performance? Unfortunately, there is typically much less thought put into the performance cost of using the amazing third-party font you downloaded. Considering web font performance is something that should become a habit of yours. Use it wherever possible for the best performance.

Speed 65

Speed Performance Google Open Source 65

KeyCDN

DECEMBER 8, 2022

Unoptimized content could also be one of the reasons why your WordPress website is not performing as per your expectations. Unfortunately, it is a bit difficult to point out the problem directly– there are many possibilities that we will explore in this article. But what steps could we take to determine the cause of the problem?

Cache 52

Cache Website Speed Website Performance 52

MachMetrics

DECEMBER 27, 2019

Offering 20 chapters with insights into Page Content, User Experience, Content Publishing, and Content Distribution, it can also be overwhelming, so we’ll be summarizing the web performance section in an easy-to-understand manner. We’ll be diving into Chapter 7 – Performance. 20% of sites are considered slow.

Performance 52

Performance Speed Website Mobile 52

Smashing Magazine

NOVEMBER 17, 2022

This article is sponsored by Storyblok. That is why, today, Web Performance is as important and trendy as having an online presence. 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? Alba Silvente.

Media 106

Media Cache Website Mobile 106

Smashing Magazine

JULY 6, 2021

In this article, I will highlight a few core features that every headless CMS should provide. If you see authors turning to other authoring tools such as Google Docs for its commenting or suggestions capabilities, it may be a red flag as to what features you are missing. Content authors should love working in the back-office.

Cache 143

Cache Website Mobile Google 143