Smashing Magazine

JULY 28, 2021

a11y-dialog is one of them, but there are more (listed at the end of this article). The goal is to understand what goes into it. Defining the API. Handling custom events. Defining The API. Another approach would be to listen to click events on the overlay (sometimes called “backdrop”). Trapping focus.

Code 140

Code Design Technology Technology 140

Smashing Magazine

OCTOBER 12, 2021

Useful React APIs For Building Flexible Components With TypeScript. Useful React APIs For Building Flexible Components With TypeScript. What about React.cloneElement ? Much more, and to help you level up your knowledge of lesser-known (but very useful) APIs the React library ships with. Gaurav Khanna. More after jump!

Design 97

Design Code C++ Development 97

Smashing Magazine

MAY 9, 2022

With that caveat out of the way, let’s get to the guts of the article: What is the Back/Forward Cache and why does it matter so much? Think about the number of times you visit a home page, click on an article, then go back to the home page to view another article? So, Chrome was playing catch-up here.

Cache 91

Cache Games Performance Website 91

Jos

JUNE 2, 2018

Web Performance is not only about understanding what makes a site fast. Usually, they are not related with computational complexity, but about serving what’s needed when needed in the best possible way. What resources are blocking? What resources are blocking? What about the response headers? And this is fine.

Performance 237

Performance Speed Google Media 237

Smashing Magazine

OCTOBER 18, 2021

Barry Pollard has written an excellent in-depth article about CLS. CLS value hinting there is some major layout shift event happening there. Fairprice is one of the largest online grocery stores in Singapore. We are continuously looking out for areas of opportunities to improve the user’s online shopping experience. More after jump!

Website 105

Website Google Metrics Testing Tools 105

Smashing Magazine

JUNE 29, 2021

This is an inevitable problem any stack faces at some point and it can strike from different points depending on what kind of product you are working with. One of the biggest pains of working with statically generated websites is the incrementally slower builds as your app grows. Routes are not the only possible bottleneck, though.

Cache 129

Cache Website Strategy Traffic 129

Dean Hume

AUGUST 8, 2017

If we lazy load the image instead, it means that the user only downloads exactly what they need, when they need it, making your web page a lot leaner. So what’s new?! In this article, I am going to run through the basics of Intersection Observer and show you how you can start lazy loading images in a super efficient way.

Code 58

Code Website Media Efficiency 58

Jos

JUNE 2, 2018

Web Performance is not only about understanding what makes a site fast. Usually, they are not related with computational complexity, but about serving what’s needed when needed in the best possible way. What resources are blocking? What resources are blocking? What about the response headers? And this is fine.

Performance 130

Performance Speed Google Media 130

Smashing Magazine

FEBRUARY 27, 2024

But that’s not what I really want to talk about. With performance at the forefront of my mind, I decided to head over to MDN for a fresh look at the Performance API. Let’s look at a few ways we can use the API to report some CWV metrics. We’ll start with the LCP metric before looking at other CWV metrics.

Performance 95

Performance Metrics Monitoring Google 95

Dean Hume

AUGUST 8, 2017

If we lazy load the image instead, it means that the user only downloads exactly what they need, when they need it, making your web page a lot leaner. So what’s new?! In this article, I am going to run through the basics of Intersection Observer and show you how you can start lazy loading images in a super efficient way.

Code 40

Code Website Media Efficiency 40

Dean Hume

AUGUST 8, 2017

If we lazy load the image instead, it means that the user only downloads exactly what they need, when they need it, making your web page a lot leaner. So what’s new?! In this article, I am going to run through the basics of Intersection Observer and show you how you can start lazy loading images in a super efficient way.

Code 40

Code Website Media Efficiency 40

Dynatrace

JUNE 5, 2023

In this article, we’ll explain more about ChatOps and show you how to set up ChatOps integration with Dynatrace to help streamline and improve your IT operations. What is ChatOps? What is a ChatBot? Save your bot’s API access token, which will look something like 56546511:AaxxF2Xnt1-ACEMiKJ_111acc-_u12345AB.

Google 204

Google DevOps Efficiency Monitoring 204

Dean Hume

SEPTEMBER 21, 2016

One of the metrics produced when you run a test using webpagetest.org is called Speed Index and it changed the way I thought about web performance. In this article, I am going to show you how to get started using the Speed Index library and how you can start collecting this data using Google Analytics. speedindex-test. Getting started.

Speed 40

Speed Analytics Google Retail 40

Dean Hume

SEPTEMBER 21, 2016

One of the metrics produced when you run a test using webpagetest.org is called Speed Index and it changed the way I thought about web performance. In this article, I am going to show you how to get started using the Speed Index library and how you can start collecting this data using Google Analytics. speedindex-test. Getting started.

Speed 40

Speed Analytics Google Retail 40

Dean Hume

SEPTEMBER 21, 2016

One of the metrics produced when you run a test using webpagetest.org is called Speed Index and it changed the way I thought about web performance. In this article, I am going to show you how to get started using the Speed Index library and how you can start collecting this data using Google Analytics. speedindex-test. Getting started.

Speed 40

Speed Analytics Google Retail 40

Alex Russell

DECEMBER 31, 2023

This unexamined framing shapes hundreds of pieces covering regulatory events, including by web-friendly authors. " The implication is clear: browsers unchained can do to mobile what the web did to desktop, where more than 70% of daily "jobs to be done" happen on the web. Japan's JFTC (pdf) ). This has yet to happen because.

Google 93

Google Mobile Games Strategy 93

Dynatrace

MARCH 11, 2021

It’s been a while since my last blog article on managing Dynatrace Managed at scale. In the fourth part of the series, I’ll show you how I used Dynatrace’s raw problem and event data to find the best fit for optimized anomaly detection settings. Statistically analyzing Dynatrace’s event and problem data. Dynatrace news.

Tuning 263

Tuning Architecture Monitoring Big Data 263

SQL Server According to Bob

JANUARY 11, 2020

ODS Open Data Services ​​ (ODS) ​​ was ​​ a separate, public API ​​ set ​​ allowing a TDS gateway to be created. ​​ The API was deprecated several releases ago and ​​ the behaviors consumed ​​ internally by SQL Server.

Network 40

Network Servers Processing Software Engineering 40

Speed Curve

FEBRUARY 25, 2024

Individual pages can be spot checked via the CrUX API or tools such as Page Speed Insights But as Cliff's already covered in How to find (and fix!) A quick guide to interpreting this panel: The width of each cell in the call stack represents the elapsed time it (and its children) executed. Some companies I work with don't have RUM.

Analytics 92

Analytics Processing Google Mobile 92

Dynatrace

OCTOBER 21, 2021

There’s no lack of metrics, logs, traces, or events when monitoring your Kubernetes (K8s) workloads. But there is a lack of time for DevOps , SRE , and developers to analyze all this data to identify whether there’s a user impacting problem and if so – what the root cause is to fix it fast. Dynatrace news.

Metrics 220

Metrics DevOps Engineering Strategy 220

Smashing Magazine

JULY 30, 2021

Headless e-commerce API platforms provide backends that store sites can interface with. In this article, we will cover how to build an e-commerce store using Angular 11. We shall use Commerce Layer as our headless e-commerce API. To make Paypal Sandbox payments possible on Commerce Layer, you’ll need to set up API keys.

C++ 144

C++ Code Storage Servers 144

Dynatrace

NOVEMBER 11, 2020

Readers of this blog surely appreciate the earlier enhancements we announced related to enterprise-scale life-cycle management of OneAgents via REST API , easier configurability of OneAgent settings , and the recent improvements to OneAgent security. What does this mean for existing installations? Dynatrace news.

Best Practices 199

Best Practices Storage Java Benchmarking 199

CSS - Tricks

AUGUST 18, 2020

What follows are my findings on React performance as I’ve tried to meet this challenge in a way that’s best for users. Lately, I’ve been chipping away at an RSS feed app side project called bylines.fyi. That required a little experimentation to see what approach would be best for my app. Setting the scene.

Performance 101

Performance Mobile Servers Code 101

Smashing Magazine

APRIL 19, 2021

Google has announced that from 1st May, they will start to consider “Page Experience” as part of Search ranking , as measured by a set of metrics called Core Web Vitals. In this post, I’m going to attempt to explain a bit more about what’s going on here and explain some of the nuances and misunderstandings of these tools.

Google 140

Google Metrics Mobile Analytics 140

Smashing Magazine

JULY 8, 2021

Still, if you already know Vue 2 and just want to learn about what’s new in Vue 3, then you can check out the migration guide to learn more. Note: This article is aimed at both beginners and seasoned developers who want to better their Vue.js But what if we want a particular action or behavior that our Vue.js Organizing Modules.

Speed 132

Speed Processing Development Code 132

The Netflix TechBlog

FEBRUARY 9, 2022

But what if the script does not exist in the given path, or what if it existed initially but then Alice let Bob access her home directory and he accidentally deleted it? Or what if Alice wanted to add new backup functionality and she accidentally broke existing code while updating it? Example: 0 0 * * MON /home/alice/backup.sh

Storage 201

Storage Data Engineering Testing Code 201

Dynatrace

MAY 17, 2019

What is distributed tracing? It allows for the finding of cause-effect relationships between events, for instance, identifying which user action in a browser caused a failure in the business logic layer. Dynatrace news. Distributed tracing is used to understand control flow within distributed systems.

Azure 149

Azure Open Source Transportation IoT 149

Smashing Magazine

OCTOBER 16, 2023

It works with React-powered components that consume APIs before optimizing and bundling everything to serve as static files with bits of reactivity. That is what this brief two-part series is about. But what if we don’t necessarily want to parse it at all? That includes media files, like images, video, and audio.

Media 87

Media Website Availability Design 87

CSS Wizardry

JULY 23, 2023

For citations, quotes, proof, and evidence, read on… Site-Speed Is More Than SEO While this article is an objective look at the role of Core Web Vitals in SEO, I want to take one section to add my own thoughts to the mix. Even if a site is slow, insecure, and not mobile friendly, it will rank first if it is exactly what a user is looking for.

Engineering 246

Engineering Google Speed Mobile 246

O'Reilly

MARCH 23, 2023

What is it, how does it work, what can it do, and what are the risks of using it? What Software Are We Talking About? is one of a class of language models that are sometimes called “large language models” (LLMs)—though that term isn’t very helpful. The GPT-series LLMs are also called “foundation models.”

Google 104

Google Open Source Programming Code 104

Smashing Magazine

MAY 16, 2022

Server-Timing is uniquely powerful, because it is the only HTTP Response header that supports setting free-form values for a specific resource and makes them accessible from a JavaScript Browser API separate from the Request/Response references themselves. Let’s rethink how we can leverage this header. More after jump!

Servers 92

Servers Monitoring Cache Network 92

Smashing Magazine

JULY 13, 2021

It wraps HTML event methods. Easy to create AJAX calls. It also allows creating serverless APIs inside the same app. We have now addEventListener function if we want to handle events. The result of jQuery popularity is measurable still today: Almost 80% of the most popular websites of the world still use it.

Serverless 111

Serverless Code Website Servers 111

Alex Podelko

AUGUST 15, 2017

I should be more clear around what use case(s) I am looking to support, because that shapes my opinions in the article. What I’m looking for primarily is functionality that supports load test automation. Maybe this should be a follow-up article…? Regards, Alex. Ragnar Lönn: Hi Alexander, I agree.

Testing Tools 100

Testing Tools Testing Website Open Source 100

Smashing Magazine

MAY 6, 2021

When tackling a big refactor, what are the things you should focus on and what performance improvements can you expect? Intersection Observer API. It never really felt too sluggish, but it did take up a spot in the call stack which impacted other JS competing for priority. In comes the Intersection Observer API.

Performance 89

Performance Mobile Speed Code 89

CSS - Tricks

JUNE 1, 2021

I’m going to cover the most popular and widely used types of tests in this article. Table of contents What is testing? What is testing? In short, front-end testing validates that what people see on the site and the features they use on it work as intended. Integration. Accessibility. Visual regression. And not just that!

Testing 95

Testing Performance Testing Website Code 95

Smashing Magazine

MAY 5, 2021

I know what you are thinking. 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. Liran Cohen.

Google 110

Google Architecture Servers Speed 110

SQL Server According to Bob

DECEMBER 18, 2018

Durability is a cornerstone of any database system and starting with SQL Server 2017 on Linux Cumulative Update 6 (CU6), SQL Server on Linux enables “Forced Flush” behavior as described in this article , improving durability on non-Fua optimized systems. “Be Linux provides different system calls (syscall)/commands for asynchronous behavior.

Servers 90

Servers Media Cache Storage 90