Dynatrace

MAY 17, 2023

But its underlying goal is quite humble and straightforward: it wants to enable you to observe an IT system (for example, a web application, infrastructure, or services) and gain insight to its behavior, such as performance, error rates, hot spots of executed instructions in code, and more. Those are prime candidates for their own spans.

Metrics 185

Metrics Open Source Traffic Cache 185

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. Image taken from a previously published blog post As you can see, our code was just a part (#2 in the diagram) of this monolithic service.

Latency 233

Latency Cache Java Traffic 233

Smashing Magazine

AUGUST 30, 2021

In previous articles from this series, we’ve covered auditing CSS codebase health and the incremental CSS refactoring strategy , testing, and maintenance. Also, the management will be dissatisfied with the decreased traffic and revenue caused by the unoptimized codebase, despite the code quality improvements. Adrian Bece.

Media 109

Media Performance Cache Strategy 109

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 186

Open Source Network Transportation Cache 186

Smashing Magazine

JULY 18, 2022

If you think that static rendering is limited to generic, public content that is the same for every user of your website, you should definitely read this article. The witty jokes in each article are only visible to paid users. If anything makes the JavaScript code fail, the paid user won’t have their dose of fun and might get angry.

Cache 115

Cache Website Energy Servers 115

Smashing Magazine

NOVEMBER 2, 2021

Creating A Magento PWA: Customizing Themes vs. Coding From Scratch. Creating A Magento PWA: Customizing Themes vs. Coding From Scratch. One of the reasons for that is because a PWA has the same code base. So unlike the case with native applications, the progressive web app needs to be coded only once. Alex Husar.

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

MAY 16, 2022

This header can be set on the response of any network resource, such as XHR, fetch, images, HTML, stylesheets, etc. For this article, that’s all we’ll need to start exposing the value and leave other more specific articles to go deeper. Setting Server-Timing. More after jump! — any freeform data that suits your needs.

Servers 93

Servers Monitoring Cache Network 93

CSS - Tricks

APRIL 1, 2021

The code for the site is available on GitHub for reference. In that spirit, what we’re looking at in this article is focused more on the incremental wins and less on providing an exhaustive list or checklist of performance strategies. In DevTools, the Network inspector helps us see what the first webpage is doing too.

Cache 92

Cache Social Media Media Network 92

Smashing Magazine

DECEMBER 23, 2020

However, let’s take a step further and learn how to deploy modern qualities to PWAs, such as offline functionality, network-based optimizing, cross-device user experience, SEO capabilities, and non-intrusive notifications and requests. When developing a PWA, you can cache the application shell’s resources and assets in the browser.

Cache 124

Cache Internet Internet Google 124

Smashing Magazine

JANUARY 11, 2021

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? Networking, HTTP/2, HTTP/3 OCSP stapling, EV/DV certificates, packaging, IPv6, QUIC, HTTP/3.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

MAY 25, 2022

The output of the code above would be the following: WeakMap {{…} => 'done'} man = null; console.log(human). The object is retained in memory and can be accessed with the following code: console.log(human[0]). let human = new WeakMap(): // Create an object, and assign it to a variable called man. It keeps the object in memory.

Cache 117

Cache Programming Storage Code 117

Smashing Magazine

JUNE 29, 2021

Without build optimizations (incremental builds, caching, we will get to those soon) this will eventually become unmanageable as well — think about going through all images in a website: resizing, deleting, and/or creating new files over and over again. It is not possible to ship code incrementally.

Cache 130

Cache Website Strategy Traffic 130

CSS - Tricks

MARCH 29, 2021

Whatever the case and whenever that moment arrives, I usually reach for some of the tools I‘ll cover in the article. Generally, code auditing involves analyzing code to find bugs or other irregularities, like possible performance issues. If you like inspecting CSS code manually, there is the Inspect tool. Coverage panel.

Code 110

Code Media Cache Energy 110

Smashing Magazine

JANUARY 21, 2021

And suddenly, before you know it, the code base gets a little bit overweight and fragmented , third-party scripts have to load just a little bit earlier, and shiny new dynamic content finds its way into the DOM through the backdoors of fourth-party scripts and their uninvited guests. We had to fix that. That’s Where We Were.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

NOVEMBER 4, 2021

In this article, we’re going to learn how to handle real-time updates on the client-side using GraphQL. We’ll be learning how to do this with GraphQL Features like Cache Update, Subscriptions, and Optimistic UI. Let’s get right into the code. Updating the cache directly using update function on the useMutation.

Cache 115

Cache Servers Transportation Code 115

Smashing Magazine

AUGUST 3, 2023

You need to beware that slow server response times can significantly increase TTFB, often due to server overload, network issues, or un-optimized logic on the server side. You need to beware of large HTML files or slow network connections because they can lead to longer download times.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

OCTOBER 2, 2023

In this second article, I’ll go over some key technical highlights from the project. In the first article, I briefly discussed the technical stack that includes a React-based front-end framework, Next.js Definitely read up on the strategy and reasoning behind this stack in the first article if you missed it.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

NOVEMBER 17, 2022

This article is sponsored by Storyblok. As you may already know, image optimization is the process that a high-quality image has to go through to be delivered in ideal conditions, sometimes with the help of an Image Transformation API and a global Content Delivery Network (CDN) to make the process simpler and scalable. Alba Silvente.

Media 106

Media Cache Website Mobile 106

Smashing Magazine

JANUARY 6, 2020

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored. 300ms RTT, 1.6

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled network (e.g.

Performance 104

Performance Cache Network Metrics 104

Smashing Magazine

JUNE 2, 2021

In this article, I’ll highlight some of the work we did and how we were able to achieve our speed. For this article, we will focus on the first three and the performance adjustments for these. And while you can usually cache the full page of an article, the same is not true of many shop pages and elements.

Performance 116

Performance Cache Website Mobile 116

Dean Hume

MAY 16, 2018

If you’ve ever tried to build a web application that is completely offline first, you’ll know how tricky it can be to make changes to the users cache when you do make updates to the site and the user has connectivity. You’ll also learn how to refresh the page, so that the user is up to date and has the latest version of any cached files.

Availability 100

Availability Cache Code Google 100

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. Failing that, we are usually able to connect to home or public WiFi networks that are on fast broadband connections and have effectively unlimited data. As for mobile network connection type, 84.7%

Cache 96

Cache Google Mobile Network 96

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

AUGUST 9, 2022

It also lists cached resources and identifies unused Javascript. It graphs server, network, CSS, Javascript, critical content, and image optimizations to show the potential savings you could gain by incorporating fixes into your site. Network and CPU are throttled for lab data tests for more realistic conditions.

Performance 130

Performance Benchmarking Website Metrics 130

MachMetrics

JUNE 30, 2021

In this article, we will particularly look at the average page load time in 2021 and importance of web vitals. Now imagine if the previous test were conducted with a stable connection and you still have to test it with a 3G connection as many users still having to use a relatively slower network. Enable caching.

Cache 78

Cache Speed Google Website 78

Smashing Magazine

JUNE 25, 2020

It’s not just source code for the configuration, models, views, and templates, but also static assets: CSS and JavaScript, images, icons. Today, we’ll address storing and serving files for both single-server and scalable deployments while considering factors like compression, caching, and availability. Philip Kiely. Static Files.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

AUGUST 31, 2021

This article is intended to be used as a primer for managing complex states in a Next.js Unfortunately, the framework is way too versatile for us to cover all possible use cases in this article. It would be beyond the scope of this article to suggest when to use one or another, so let’s keep it simple by saying: useState.

Cache 103

Cache Servers Best Practices Code 103

Smashing Magazine

JULY 6, 2021

In this article, I will highlight a few core features that every headless CMS should provide. All functionality and integrations would also have a tight dependency which in turn results in a large, cumbersome monolithic code base. Comprehensive documentation and code samples are also a must. Custom domain capabilities.

Cache 143

Cache Website Mobile Google 143

Dotcom-Montior

MARCH 6, 2022

If the waiting time is too much, it may mean an overloaded network server or there may be an inefficient code, which must be fixed by software developers by finding the bugs and correcting the code. Moreover, caching utility may decrease the waiting time. The time captured by the server to produce a response.

Performance 52

Performance Cache Website Speed 52

Smashing Magazine

JUNE 1, 2022

In this article, we will review what third-party resource requests are, consider how impactful they can be to the user experience, and discuss common optimization strategies to reduce the impact on the user experience. In many cases, they can be super convenient to add or remove without having to push code changes to the site.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

JANUARY 16, 2023

The images used in the article’s Codepen demonstrations will be integrated with TwicPics to save time in their creation and speed up the optimization of the LCP metric. Read this “ Optimize Largest Contentful Paint ” article by Philip Walton and Barry Pollard to learn more about the four LCP subparts and their relation to each other.

Media 105

Media Mobile Website Metrics 105

Dean Hume

MARCH 29, 2018

In this article, I am going to take you through the different steps required to get a Ghost blog up and running as a Progressive Web App ( hint: it’s easier than you think! ). I wanted the site to be super fast - once someone has read an article that won’t change, why not serve it from the cached version on their device.

Cache 40

Cache Google Website Network 40

Dean Hume

MARCH 29, 2018

In this article, I am going to take you through the different steps required to get a Ghost blog up and running as a Progressive Web App ( hint: it’s easier than you think! ). I wanted the site to be super fast - once someone has read an article that won’t change, why not serve it from the cached version on their device.

Cache 40

Cache Google Website Network 40

Dean Hume

MARCH 29, 2018

In this article, I am going to take you through the different steps required to get a Ghost blog up and running as a Progressive Web App ( hint: it’s easier than you think! ). I wanted the site to be super fast - once someone has read an article that won’t change, why not serve it from the cached version on their device.

Cache 40

Cache Google Website Network 40

Percona

NOVEMBER 1, 2023

Following the series of blogs written with the intention to describe basic operations matching Docker and open source databases, in this article, I will demonstrate how to proceed with installing MongoDB with Docker. I wrote this article based on the Docker-maintained repository. Docker quickly deploys standalone MongoDB containers.

Scalability 57

Scalability Best Practices Servers Database 57

Jos

JUNE 2, 2018

There was something gratifying in taking a code that takes minutes to run and make it run in a handful seconds. Normally the team decides how well to cover and test the code, and it’s important that all developers in a team know how to write tests. Simulate bad network conditions and slow CPUs and make your project resilient.

Performance 237

Performance Speed Google Media 237