Technology Performance Pulse

Speeding Up Async Snippets

CSS Wizardry

OCTOBER 12, 2022

The reason they give us this cumbersome snippet, and not a much more succinct , is purely historical: async snippets are a legacy performance hack. Legacy async Support. Sure, using something more modern feels nicer, but if they’re functionally identical, is it better ? What have we done that makes this asynchronous?

Speed

Speed Government Performance Code

Dynatrace extends automatic and intelligent observability to cloud and Kubernetes logs for smarter automation at scale

Dynatrace

FEBRUARY 8, 2021

The sheer number of used technologies, components, and services in use contributes to the growing complexity of modern cloud environments. Also, these modern, cloud-native architectures produce an immense volume, velocity, and variety of data. Manually maintaining dependencies among components doesn’t scale.

Cloud

Cloud Azure Analytics AWS

DevSecOps: Recent experiences in field of Federal & Government

Dynatrace

MAY 15, 2020

Modern DevOps permits high velocity development cycles resulting in weekly, daily, or even hourly software releases. After a little brainstorming we developed a custom alert that focused on items tagged as being external to this system. And this poses a significant risk. Auto tracing of requests made to public networks. In conclusion.

Government

Government DevOps Infrastructure Network

What is distributed tracing and why does it matter?

Dynatrace

DECEMBER 23, 2020

Distributed tracing follows an interaction by tagging it with a unique identifier, which stays with it as it interacts with microservices, containers, and infrastructure. This complexity makes distributed tracing critical to attaining observability into these modern environments. How does distributed tracing work?

Infrastructure

Infrastructure Cloud Monitoring Metrics

A Guide To CSS Debugging

Smashing Magazine

OCTOBER 6, 2021

The HTML has an indicator tag of scroll , noting that it has become a scrollable region, and main has an indicator tag of overflow because one of the paragraphs expands beyond its boundaries. While we’re living in a golden age of near-parity between browsers for critical features, there are still some legacy choices that can interfere.

Design

Design Availability Mobile Website

Container security: What it is, why it’s tricky, and how to do it right

Dynatrace

SEPTEMBER 23, 2021

Some SCA and SAST vendors have automated their products to align with the fast pace of modern DevOps teams, but many are still slow and cumbersome. To make this process efficient, Dynatrace: Automatically identifies which of your developers is responsible to remediate each vulnerability, based on tags that you configure.

Open Source

Open Source Benchmarking Best Practices Network

The Future Of Frontend Build Tools

Smashing Magazine

JUNE 9, 2022

Frontend build tooling is crucial to the workflow of the modern frontend developer for a host of reasons classified under improved developer and user experiences. One is with a script tag referencing a JavaScript file, and the other is to write your JavaScript directly in the HTML inside script tags. <script

Code

Code Processing Cache Development

What is distributed tracing and why does it matter?

Dynatrace

DECEMBER 23, 2020

Distributed tracing follows an interaction by tagging it with a unique identifier, which stays with it as it interacts with microservices, containers, and infrastructure. This complexity makes distributed tracing critical to attaining observability into these modern environments. How does distributed tracing work?

Infrastructure

Infrastructure Cloud Monitoring Metrics

Simple streaming telemetry

The Netflix TechBlog

NOVEMBER 23, 2020

Introducing gnmi-gateway: a modular, distributed, and highly available service for modern network telemetry via OpenConfig and gNMI By: Colin McIntosh, Michael Costello Netflix runs its own content delivery network, Open Connect , which delivers all streaming traffic to our members.

Open Source

Open Source Network Transportation Cache

Release readiness through AI-based white box resiliency testing with JMeter and Dynatrace

Dynatrace

JANUARY 5, 2022

T-Systems MMS provides a modern white box testing approach to validating release readiness for complex cloud architectures. Our solution to modernize this legacy approach is an approach we call white box testing. It also lacks automation capabilities due to missing data and therefore doesn’t scale.

Testing

Testing Open Source Metrics Infrastructure

Progress Delayed Is Progress Denied

Alex Russell

APRIL 29, 2021

All modern browsers are fast, Chromium and Safari/WebKit included. As reliably as the Sun rises in the East, poor press about performance launches projects to re-architect the internals of modern browsers to win benchmarks in the future. Next-generation video codecs, supported in many modern chips, but also a licensing minefield.

Media

Media Games Education Engineering

How Partytown Eliminates Website Bloat From Third-Party Apps

Smashing Magazine

APRIL 29, 2022

But modern web pages are heavy and ever-growing in size (known fondly as “website bloat”): The average web page is over 2 megabytes large with over 200 requests. Partytown also provides documentation and walkthroughs for some third-party services like Facebook Pixel, Adobe Launch, and Google Tag Manager.

Website

Website Google Open Source Mobile

5 Steps to Accelerate your Cloud Migration with Dynatrace

Dynatrace

AUGUST 5, 2019

Across the board, the topics cloud migration, application modernization, breaking the monolith or hybrid cloud re-platforming have been a center point in many of our discussions with our joint enterprise customers. Which technologies are legacy and can’t be moved because not supported? Where do they run? VMWare host groups.

Cloud

Cloud Traffic Database Network

Frankenstein Migration: Framework-Agnostic Approach (Part 2)

Smashing Magazine

SEPTEMBER 27, 2019

jQuery is legacy enough, might reflect a real situation with your projects, and most importantly, requires significant maintenance and hacks for powering a modern dynamic application. A few examples of global styles are <style> and <link rel="stylesheet"> tags found into your index.html.

Storage

Storage Testing Processing Code

The Humble ` ` Element And Core Web Vitals

Smashing Magazine

APRIL 29, 2021

Use srcset + efficient modern image formats. Note : Modern image components that build on <img> , like Next.js <Image> (for React) and Nuxt image (for Vue) try to bake in as many of these concepts as possible by default. Avoid wasting pixels (compress, don’t serve overly high DPR images). Large preview ). The Basics.

Media

Media Network Metrics Mobile

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

JUNE 2, 2021

These were stored as one big svg tag in the HTML head of the page, with a symbol for each of the icons that was then used as a linked svg in the HTML’s body. Legacy Support. Icon Loading. As on so many websites, we use several icons in our design. The prototype came with some custom icons that were embedded SVG symbols.

Performance

Performance Cache Website Mobile

How We Improved SmashingMag Performance

Smashing Magazine

JANUARY 21, 2021

Later we’d also revise the codebase to remove legacy code and use new modern browser features. Moving the <head> tags around was a simple part of the story though. We grouped CSS rules manually and removed duplicates and legacy code in both places — the critical CSS and the main CSS.

Performance

Performance Cache Mobile Network

Front-End Performance Checklist 2021

Smashing Magazine

JANUARY 11, 2021

web-vitals library can collect and send Core Web Vitals to Google Analytics, Google Tag Manager or any other analytics endpoint. From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). Layout Shift GIF Generator that visualizes CLS with a simple GIF (also available from the command line). Large preview ).

Performance

Performance Cache Media Metrics

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Smashing Magazine

JANUARY 6, 2020

Designed for the modern web, it responds to actual congestion, rather than packet loss like TCP does, it is significantly faster , with higher throughput and lower latency — and the algorithm works differently. From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). Assets Optimizations. Not good enough?

Performance

Performance Cache Network Metrics

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

JANUARY 7, 2019

From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). If you need a practical implementation of the strategy on mid-scale and large-scale projects, Scott Jehl’s Modernizing our Progressive Enhancement Delivery article is a good place to start. --> Choose a strong performance baseline. Assets Optimizations.

Performance

Performance Cache Metrics Network

Technology Performance Pulse

Speeding Up Async Snippets

Dynatrace extends automatic and intelligent observability to cloud and Kubernetes logs for smarter automation at scale

Trending Sources

DevSecOps: Recent experiences in field of Federal & Government

What is distributed tracing and why does it matter?

A Guide To CSS Debugging

Container security: What it is, why it’s tricky, and how to do it right

The Future Of Frontend Build Tools

What is distributed tracing and why does it matter?

Simple streaming telemetry

Release readiness through AI-based white box resiliency testing with JMeter and Dynatrace

Progress Delayed Is Progress Denied

How Partytown Eliminates Website Bloat From Third-Party Apps

5 Steps to Accelerate your Cloud Migration with Dynatrace

Frankenstein Migration: Framework-Agnostic Approach (Part 2)

The Humble ` ` Element And Core Web Vitals

Improving The Performance Of An Online Store (Case Study)

How We Improved SmashingMag Performance

Front-End Performance Checklist 2021

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Stay Connected