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

Smashing Magazine

NOVEMBER 8, 2021

We work with millions of merchants, and as many companies, we obsess about storefront performance. We obsess even more about finding the optimal balance between performance, capabilities, and merchants’ business objectives. I work at Shopify, an all-in-one commerce platform to start, run, and grow a business. Large preview ).

Cache 136

Cache Best Practices Strategy Servers 136

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 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

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

JUNE 8, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. DRM-free, of course. Image Decoding Performance. +.

Media 106

Media Cache Google Best Practices 106

Smashing Magazine

APRIL 28, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. DRM-free, of course. Image Decoding Performance. +.

Media 93

Media Cache Google Best Practices 93

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

The Morning Paper

JUNE 23, 2019

Generally to cache data (including non-persistent data that never sees a backing store), to share non-persistent data across application services (e.g. ” Even re-reading that today, the letter of the law there is surprisingly strict to me: you can use the local memory space or filesystem as a brief single transaction cache, but no more.

Cache 79

Cache Latency Google Lambda 79

Smashing Magazine

JANUARY 15, 2019

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. Partly as a result of this campaign, Google announced last year that for the first time it had purchased enough renewable energy to match 100% of its global consumption for operations. Jack Lenox.

Website Performance 73

Website Performance Website Energy Performance 73

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

CSS Wizardry

AUGUST 13, 2019

An outgoing request from a whitelisted domain returns a 302 , forwarding the request to a self-hosted CSS file that is optimised specifcally for your browser, OS, and UA (Google Fonts do something similar). So, what are the performance implications of all of this? It is actively harmful for performance.

Latency 203

Latency Cache Strategy Media 203

Smashing Magazine

SEPTEMBER 20, 2021

And of course, scrapers could scrape your site to look for security vulnerabilities or exposed contact or sales lead details. If you are just starting out wondering if someone might be re-publishing your web content, the easiest thing to do is a Google search. Search Engine And Web Archive Cached Results. Large preview ).

Website 89

Website Analytics Google Cache 89

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. Gael Metais suggested to more aggressively subset web fonts and look into caching issues with our AVIF files.

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

OCTOBER 29, 2019

Spend enough time running websites through PageSpeed Insights and you’ll notice that Google has a major beef with traditional image formats like JPG, PNG and even GIF. Here’s what Google suggests: PageSpeed Insights demonstrates how much storage and bandwidth websites stand to save with WebP. Source: Google ) ( Large preview ).

Website 72

Website Speed Cache Google 72

KeyCDN

SEPTEMBER 12, 2019

We normally focus solely on the performance aspect, but today we want to dive into additional ways you can optimize images for the web. The file size of your images of course is very important, but SEO and social media also play an important part in helping your website perform and convert better.

Social Media 106

Social Media Media Google Website 106

Smashing Magazine

JUNE 26, 2019

Developers are already optimizing front end performance with: Fast web hosting. Instead, I suggest that web designers use another Google testing tool called Test My Site. Test My Site is a mobile page speed testing tool from Think with Google. For example: Think with Google suggests the typical page speed optimizations.

Website 110

Website Speed Mobile Design 110

MachMetrics

JANUARY 23, 2020

It’s one of the most common (and frustrating) scenarios in web performance testing. Of course, you still won’t see the same loading time every test , so let’s look at some of the reasons why. Below you’ll see an image showing a graph of a website’s test results over the course of a month.

Speed 62

Speed Testing Website Cache 62

MachMetrics

JUNE 1, 2020

If you’re unsure of how your website performs on a mobile device (or even got a poor result on a speed audit), stick with us. In addition, Google has made it clear that page speed is being used as a ranking factor. Measure Your Mobile Performance. Of course not. Improving Your Mobile Performance. Google Devs.

Speed 67

Speed Mobile Testing Google 67

Smashing Magazine

NOVEMBER 17, 2022

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? Webpage performance test report for the Smashing Magazine website.

Media 106

Media Cache Website Mobile 106

Alex Russell

APRIL 29, 2021

Classics of the genre include: Apple's just focused on performance! The Performance Argument. As an engineer on a browser team, I'm privy to the blow-by-blow of various performance projects, benchmark fire drills, and the ways performance marketing (deeply) impacts engineering priorities. Web Performance APIs.

Media 145

Media Games Education Engineering 145

The Morning Paper

JUNE 16, 2019

The challenging thing of course, is efficiently maintaining all of these parallel universes. In the prototype implementation, policies are expressed in a language similar to Google Cloud Firestore security rules. For good query performance we’d like to pre-compute these per-user universes. Expressing privacy policies.

Database 90

Database Cache Benchmarking Efficiency 90

Speed Curve

FEBRUARY 25, 2024

My favourite place to start is with the Web Vitals heatmap on SpeedCurve's RUM > Performance dashboard. The Performance panel can be overwhelming – even for experienced engineers – as it exposes how much work the browser is doing to load pages or handle interactions. Switching to the DevTools Performance panel 3.

Analytics 91

Analytics Processing Google Mobile 91

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. In the past, Chrome used to perform changes to the website by proxying requests via their servers (similar to how Opera Mini works), but doing that is usually frowned upon these days.

Website 103

Website Media Mobile Network 103

The Morning Paper

FEBRUARY 23, 2020

Note that AnyLog also differs from projects such as DeepDive or Google’s Knowledge Graph. Caching of query results on the other hand, looks like a good business model, at large enough scale these might amount to pretty much the same thing).

Blockchain 94

Blockchain Internet Internet IoT 94

Alex Russell

OCTOBER 22, 2017

TL;DR: performance budgets are an essential but under-appreciated part of product success and team health. Nobody is trying to do a poor job, and yet the results of a “completed” PWA project often require weeks or months of painstaking rework to deliver minimally acceptable performance. Partner meetings are illuminating.

Performance 68

Performance Benchmarking Network Mobile 68

MachMetrics

JULY 31, 2020

As we discussed in our article on how to test your page weight , compression is pretty much standard practice in web performance now, so you absolutely want to make sure you’re taking advantage of it. Many caching plugins like WPRocket also offer Gzip compression right out of the box. Brotli Compression. How Do I Implement Brotli?

Speed 67

Speed Servers Google Tuning 67

Smashing Magazine

OCTOBER 26, 2018

In recent years, the industry thankfully started paying more attention to performance. As a result, website performance can suffer. Improving performance with the decoupled JSON approach. Improving Performance With The Decoupled JSON Approach. Of course, this is where good planning is crucial. Security concerns.

Cache 78

Cache Website Speed Database 78

IO River

NOVEMBER 2, 2023

It’s not just limited to cloud resources like AWS and Azure; Terraform is versatile, extending its capabilities to key performance areas like Content Delivery Network (CDN) management, ensuring efficient content delivery and optimal user experience.‍Started  ‍Of course, the latter. Migrating isn't as simple as 'copy-paste'.‍Even

Open Source 52

Open Source DevOps AWS Azure 52

Smashing Magazine

APRIL 29, 2021

While not render-blocking, they can indirectly impact render performance. You can of course also do this manually just using the <img> element directly. If using 11ty for your static sites, try the 11ty high-performance blog template. It also shows up on hover in the DevTools Performance panel. Large preview ).

Media 145

Media Network Metrics Mobile 145

Tim Kadlec

OCTOBER 17, 2010

Performance optimization is the Rodney Dangerfield of web development–it “don’t get no respect” In spite of its great importance in the overall user experience, it is all too often pushed aside and treated as an afterthought. Performance optimization isn’t that necessary. Performance matters.

Performance 40

Performance Energy Google Internet 40

Smashing Magazine

AUGUST 30, 2021

Refactoring CSS: Optimizing Size And Performance (Part 3). Refactoring CSS: Optimizing Size And Performance (Part 3). Deploying the refactored codebase shouldn’t result in worse website performance and worse user experience. Part 3: Optimizing Size And Performance. Adrian Bece. 2021-08-30T10:00:00+00:00. More after jump!

Media 109

Media Performance Cache Strategy 109

Smashing Magazine

OCTOBER 22, 2019

Plus, now that Google has made mobile-first indexing the default, you really can’t afford to let any performance optimizations fall by the wayside what with how difficult it can be to get your mobile site as speedy as your desktop. Of course, there are the SEO benefits of images, too. Images are a powerful force on the web.

Mobile 63

Mobile Media Website Storage 63

IO River

NOVEMBER 2, 2023

This means that with Terraform, you can manage resources across multiple cloud providers, including AWS, Azure, Google Cloud, and more, using a single tool.‍A Businesses can adjust configurations to manage everything from basic distribution settings to intricate geo-targeted content caching and delivery strategies, all with the same ease.‍‍2.

Open Source 40

Open Source DevOps AWS Azure 40

Smashing Magazine

APRIL 9, 2019

With these added libraries and subsequent plugins came added page weight, and before long we were starting to think seriously about front-end performance. They’d take the hit for the first site to use the file, but then it would sit in their local browser cache and downloads could be skipped for each subsequent site. Conclusion.

Website 58

Website Servers Code Best Practices 58

Percona

JUNE 4, 2023

Critical features of MariaDB include robust security features like encryption at rest and in transit, user authentication, and role-based access control (RBAC), as well as high-performance query execution, advanced indexing techniques, and replication, clustering, and sharding, ensuring scalability and high availability. What is MySQL?

Open Source 52

Open Source Servers Storage Scalability 52

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