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 this article, I want to spend a bit more time on this, and also look at other signals we can similarly use to help us make decisions on what to load on our websites. Barry Pollard.

Website 103

Website Media Mobile Network 103

Smashing Magazine

JUNE 30, 2021

The web is streaming, meaning it has none of the resources locally available when you open an app for the first time. At the same time, we have a widening performance gap. At the same time, code that yields too often can cause the overhead of scheduling tasks to become a net-negative influence on your app’s overall performance.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

MAY 16, 2022

Rethinking Server-Timing As A Critical Monitoring Tool. Rethinking Server-Timing As A Critical Monitoring Tool. In the world of HTTP Headers, there is one header that I believe deserves more air-time and that is the Server-Timing header. Setting Server-Timing. Sean Roberts. 2022-05-16T10:00:00+00:00.

Servers 92

Servers Monitoring Cache Network 92

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. On February 19th, most of our articles landed in the red zone. Floating Labels Are Gone.

Mobile 140

Mobile Design Cache Code 140

Percona

JUNE 27, 2023

In this article, we will go over how to set up Alerting in PMM running on Docker and receive notifications via emails when such alerts are triggered. Configuring PMM with Grafana SMTP To configure SMTP for Grafana, we need to provide the following environment variables: GF_SMTP_ENABLED: When true, enables Grafana to send emails.

Monitoring 79

Monitoring Open Source Database Servers 79

The Netflix TechBlog

SEPTEMBER 4, 2020

In this article we talk about one such functional area, High Definition Multimedia Interface ( HDMI ), the challenges it brings in relation to Netflix certification on STBs, and our in-house developed automated and objective testing workflows that help us simplify this process.

Media 163

Media Testing Entertainment Virtualization 163

Smashing Magazine

MAY 5, 2021

Here’s another article about reducing JavaScript dependencies and the bundle size sent to the client. This article is about a couple of things that Bookaway faced and we (as a company in the traveling industry) managed to optimize our pages, so that the HTML we send is smaller. It builds in HTML and sends it.

Google 110

Google Architecture Servers Speed 110

Particular Software

OCTOBER 6, 2020

In this article, I’ll explain what the scatter-gather pattern is, how a pure optimistic concurrency strategy created a problem, and what we’ve done to fix it for you. You need a business process to send 1,000 emails, and at the end, report back how many were sent successfully. What is scatter-gather?

Strategy 98

Strategy Database Infrastructure Design 98

Speed Curve

FEBRUARY 5, 2024

80% of end-user response time is spent on the front end. Server-timing headers are a key tool in understanding what's happening within that black box of Time to First Byte (TTFB). Server-timing headers are a key tool in understanding what's happening within that black box of Time to First Byte (TTFB).

Servers 57

Servers Cache Retail Benchmarking 57

Smashing Magazine

JANUARY 11, 2021

DOM complete, time to first byte, first input delay, client CPU and memory usage. Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers?

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

OCTOBER 1, 2021

Creating Our Pages And Articles. Now, let’s create our articles and a blog page to list out our articles. Creating Our First Article. In content/ , which is a folder created automatically for the nuxt/content module, create a new folder articles/ and then a new file in the folder first-blog-post.md.

Media 122

Media Code Servers Performance 122

Jos

JUNE 2, 2018

Performance is a topic that has interested me for a long time. At the same time, they open a door to lots of concepts that might be overwhelming: PRPL, RAIL, Paint Timing API, TTI, HTTP/2, Speed Index, Priority Hints and more … Why Performance doesn’t get Prioritized Web performance at organizations is a real challenge.

Performance 237

Performance Speed Google Media 237

Smashing Magazine

NOVEMBER 17, 2022

A Guide To Image Optimization On Jamstack Sites. A Guide To Image Optimization On Jamstack Sites. This article is sponsored by Storyblok. Why Image Optimization Is So Important For A Jamstack Site? This data makes it clear that there will be no good performance without well-optimized images. Alba Silvente.

Media 105

Media Cache Website Mobile 105

Smashing Magazine

NOVEMBER 26, 2021

There can also be issues with large JavaScript and CSS bundles causing the application to provide a non-optimal user experience for the end-users. In this article, we will discuss a few of those techniques as well as some of the things I wish I had known earlier to help manage large Next.js checks for type definition during build time.

Cache 143

Cache Code Testing Design 143

Percona

MARCH 13, 2023

This article will explain how to set up MySQL 8 as a replica from an existing MySQL 5.7 23) starting as process 8229 2023-03-01T04:28:38.530856Z 0 [Warning] [MY-010075] [Server] No existing UUID has been found, so we assume that this is the first time that this server has been started. The settings might not be optimal.

Servers 107

Servers C++ Storage Systems 107

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. It's synchronous, but at times that can be harmful.

Google 90

Google Analytics Traffic Metrics 90

O'Reilly

APRIL 23, 2024

Back in 1971, in a talk called “ Designing Organizations for an Information-rich World ,” political scientist Herbert Simon noted that the cost of information is not just money spent to acquire it but the time it takes to consume it. “In But over time, something went very wrong.

Social Media 108

Social Media Google Internet Internet 108

SQL Performance

APRIL 14, 2021

Often while reading his articles or posts, I shake my head and tell my wife, Lilach, that when I grow up, I want to be just like Paul. This article is dedicated to Paul’s solution. I’ll do my testing in tempdb, enabling I/O and time statistics: SET NOCOUNT ON ; USE tempdb ; SET STATISTICS TIME , IO ON ; Limitations of earlier ideas.

C++ 112

C++ Servers Testing Code 112

Speed Curve

FEBRUARY 25, 2024

It measures the elapsed time between a tap, a click, or a keypress and the browser next painting to the screen. Most popular interactions Ideally we'd have a view that shows which interactions are responsible for high INP times. INP measures how responsive a page is to visitor interactions. Opening a guest profile in Chrome 2.

Analytics 92

Analytics Processing Google Mobile 92

Smashing Magazine

AUGUST 10, 2023

Measuring Geoff Graham 2023-08-10T08:00:00+00:00 2023-08-10T12:35:05+00:00 This article is sponsored by DebugBear There is no shortage of ways to measure the speed of a webpage. The tooling to get a report with details from the time it takes to establish a server connection to the time it takes for the full page to render is out there.

Speed 81

Speed Monitoring Testing Network 81

Smashing Magazine

OCTOBER 26, 2021

Optimizing Next.js Optimizing Next.js In this article, we will go through how to optimize and build a high-performance Next.js For this article, we will be focusing on how Nx works with Next.js This handles the execution of applications and optimizes execution time efficiently. Applications With Nx.

Cache 109

Cache Servers Code Storage 109

Official Blog - World Web Technology

JULY 7, 2023

This article will examine how ecommerce software solutions can assist you in streamlining your enterprise, resulting in higher productivity, improved client experiences, and increased revenue. Stockouts and overstock issues can be avoided with effective inventory management.

Ecommerce 52

Ecommerce Software Software Analytics 52

Smashing Magazine

DECEMBER 23, 2020

How To Optimize Progressive Web Apps: Going Beyond The Basics. How To Optimize Progressive Web Apps: Going Beyond The Basics. You can define how the PWA looks, optimize it for different devices, and assign an icon that’s displayed after the application’s installation. Optimizing Based On Network Usage. Gert Svaiko.

Cache 123

Cache Internet Internet Google 123

Smashing Magazine

OCTOBER 11, 2022

In this article, we’ll explore some of the ways that we as individuals can use our skills to have a positive environmental impact within a digital organization. Any change of practice, however small, will probably require some time investment by employees. Image credit: BBC.com ) ( Large preview ). The Bigger Picture.

Strategy 123

Strategy Development Energy Website 123

Smashing Magazine

JULY 16, 2020

Methods Of Improving And Optimizing Performance In React Apps. Methods Of Improving And Optimizing Performance In React Apps. In this tutorial, we will discuss various methods of optimizing performance in React applications, and also the features of React that we can use to improve performance. Shedrack Akintayo.

Performance 121

Performance Code Virtualization Processing 121

Tech News Gather

FEBRUARY 20, 2023

In this article, we would discuss the impact of 5 GP technology on mobile application development and how developers can leverage this amazing technology to create immersive, faster, and better mobile experiences. Such devices can help to have real-time processing and communication. Enhanced Data Processing.

Mobile 40

Mobile Development Artificial Intelligence IoT 40

Smashing Magazine

FEBRUARY 15, 2021

Optimizing Video For Size And Quality. Optimizing Video For Size And Quality. This is a great direction, as videos are more engaging than still photos ( videos can double conversion rate and increase time spent on site ), and as such, can really draw customers to explore details about products and services. Doug Sillars.

Network 143

Network Speed Website Mobile 143

KeyCDN

FEBRUARY 27, 2019

In this article, we’ll go over the similarities and differences between HTTP Preload vs HTTP/2 Push and discuss when it makes sense to use each. This makes for a more optimized asset delivery process. Push is also great for utilizing think time in a more efficient manner. decrease in time spent waiting.

Speed 99

Speed Servers Website Efficiency 99

Highly Scalable

MARCH 10, 2015

Retail is one of the most important business domains for data science and data mining applications because of its prolific data and numerous optimization problems such as optimal prices, discounts, recommendations, and stock levels that can be solved using data analysis methods. However, many of these models are highly parametric (i.e.

Retail 152

Retail C++ Analytics Metrics 152

Smashing Magazine

APRIL 19, 2021

Time to First Byte (TTFB), DOM Content Loaded, Start Render, Speed Index) — but from the experience of the user. This second metric measures the time between when the user interacts with a page, clicking on a link or a button for example, and when the browser processes that click. Time to Interactive (TTI).

Google 140

Google Metrics Mobile Analytics 140

Smashing Magazine

JANUARY 6, 2020

Often deferred till the very end of the project, it would boil down to minification, concatenation, asset optimization and potentially a few fine adjustments on the server’s config file. Assets Optimizations. Build Optimizations. Delivery Optimizations. Happy optimizing, everyone!). Table Of Contents. Quick Wins.

Performance 145

Performance Cache Network Metrics 145

Scalegrid

OCTOBER 7, 2019

Fibrevillage has a great article that outlines these common problems with autovacuum which may cause an organization to adopt a manual strategy: autovacuum may run even when turned off to deal with transaction ID wraparound. If you’re working with PostgreSQL, you likely know that managing queries is the #1 most time-consuming task.

Strategy 182

Strategy Cloud Java Open Source 182

Smashing Magazine

JANUARY 7, 2019

Often deferred till the very end of the project, it would boil down to minification, concatenation, asset optimization and potentially a few fine adjustments on the server’s config file. Assets Optimizations. Build Optimizations. Delivery Optimizations. Happy optimizing, everyone!). Table Of Contents. Quick Wins.

Performance 103

Performance Cache Metrics Network 103

The Netflix TechBlog

SEPTEMBER 8, 2020

On the Android team, while most of our time is spent working on the app, we are also responsible for maintaining this backend that our app communicates with, and its orchestration code. While this gave client teams a very convenient “serverless” model, over time we ran into multiple operational and devex challenges with this service.

Latency 233

Latency Cache Java Traffic 233

MachMetrics

JUNE 30, 2021

In this article, we will particularly look at the average page load time in 2021 and importance of web vitals. So when we talk about load time, a good grade doesn’t necessarily mean the page is fast. The impact of page performance depends on its speed optimization and is reversely proportional.

Cache 78

Cache Speed Google Website 78

Smashing Magazine

MAY 17, 2021

Over time, we’ve evolved through a variety of static site generators, JavaScript frameworks, and server technologies. To make the searches as fast as possible, the front-end directly queries our Rust backend which is heavily optimized for domain lookups and suggestions. Our current front-end stack is React served with Next.js

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

FEBRUARY 8, 2022

We wanted to provide a visual interface to analyze bundles in real-time. But at about the same time, I started working more closely with webpack, contributing to its core. Then, Webpack optimizes this graph. This is all part of Webpack’s optimization process, in order to reduce the size of output assets.

Storage 79

Storage Code Metrics C++ 79