CSS Wizardry

NOVEMBER 9, 2018

In fact, Google Analytics even tell us what to do, and they’re right: Copy and paste this code as the first item into the of every webpage you want to track. This article is getting way, way more forensic than I intended. For further detail on this method of linking CSS, I would recommend reading Jake’s article on the subject.

Network 279

Network Performance Media Cache 279

CSS Wizardry

AUGUST 24, 2022

What if another file on the critical path had dropped out of cache and needed fetching from the network? We can take reasonable measures (always refresh from a cold cache; throttle to a constant network speed), but we can’t account for everything. This next example was the motivation for this whole article. Signal vs. Noise.

Benchmarking 276

Benchmarking Metrics Cache Network 276

Jos

APRIL 5, 2018

We are explicit about our dependencies, so we know what code we need to run to run a specific component. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed. The article will be using Preact/React, yet the ideas can be applied to any other component library.

Code 130

Code Performance Google Media 130

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 245

Metrics Open Source Traffic Cache 245

SQL Performance

OCTOBER 13, 2021

This article is the twelfth part in a series about named table expressions. I also compare them with stored procedures, mainly focusing on differences in terms of default optimization strategy, and plan caching and reuse behavior. In my examples I’ll use a sample database called TSQLV5. CREATE INDEX idx_nc_cid_odD_oidD_i_eid ON Sales.

Cache 144

Cache Strategy C++ Code 144

The Netflix TechBlog

SEPTEMBER 10, 2024

Since that presentation, Pushy has grown in both size and scope, and this article will be discussing the investments we’ve made to evolve Pushy for the next generation of features. For more background on Pushy, you can see this InfoQ talk by Susheel Aroskar. It served Pushy’s needs well for many years.

Latency 230

Latency Cache Tuning Efficiency 230

Smashing Magazine

SEPTEMBER 28, 2022

Every unnecessary bit of JavaScript code you bundle and serve will be more code the client has to load and process. How will you serve blazingly fast code, then? Jamstack is popular with documentation sites that usually compile code to HTML files and host them on the CDN. Active Memory Caching. Caching Schemes.

Cache 141

Cache Performance Servers Architecture 141

Smashing Magazine

DECEMBER 23, 2020

You’ll also find example code or references to more specific guides so you can implement these tips to your PWA. The service workers enable the offline usage of the PWA by fetching cached data or informing the user about the absence of an Internet connection. Cached content with IndexedDB. Skeleton screen examples on Code My UI.

Cache 136

Cache Internet Internet Google 136

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 127

Cache Website Servers Energy 127

Smashing Magazine

NOVEMBER 26, 2021

However, there are a few ways in which you can make a large code-base easy to maintain. 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 In certain cases, the build will fail if there are type mismatches in your code as Next.js

Cache 145

Cache Code Testing Design 145

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 139

Cache Website Strategy Traffic 139

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 90

Code Cache Mobile Retail 90

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 128

Cache Programming Storage Code 128

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 129

Cache Servers Code Transportation 129

Scalegrid

MARCH 28, 2024

Key Takeaways Redis offers complex data structures and additional features for versatile data handling, while Memcached excels in simplicity with a fast, multi-threaded architecture for basic caching needs. Redis is better suited for complex data models, and Memcached is better suited for high-throughput, string-based caching scenarios.

Cache 130

Cache Storage Architecture Scalability 130

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

The Netflix TechBlog

NOVEMBER 23, 2020

This article goes over some background on the project, why we created it, and how you can use it to monitor your own network. The gRPC code is auto-generated from the gNMI protobuf model and gNMI carries the data modeled in OpenConfig, which has some encoding. As mentioned earlier, we wanted to use existing code whenever possible.

Open Source 187

Open Source Network Transportation Cache 187

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. That way you won’t merge nor deploy code that decreases the performance.

Performance 237

Performance Speed Google Media 237

Smashing Magazine

MAY 16, 2022

For this article, that’s all we’ll need to start exposing the value and leave other more specific articles to go deeper. There are a handful of different entry subtypes but, for the scope of this article, we will be concerned with the PerformanceResourceTiming and PerformanceNavigationTiming subtypes. More after jump!

Servers 111

Servers Monitoring Cache Network 111

Smashing Magazine

MARCH 6, 2025

How To Fix Largest Contentful Issues With Subpart Analysis How To Fix Largest Contentful Issues With Subpart Analysis Matt Zeunert 2025-03-06T10:00:00+00:00 2025-03-06T14:50:25+00:00 This article is sponsored by DebugBear The Largest Contentful Paint (LCP) in Core Web Vitals measures how quickly a website loads from a visitors perspective.

Website 59

Website Google Speed Metrics 59

CSS - Tricks

FEBRUARY 18, 2019

It's hardly any code. , The page encourages you to hotlink the script, which means possible cache-hits in case you've already visited a page using this. Direct Link to Article — Permalink The post instant.page appeared first on CSS-Tricks. This new project makes use of newer tech to get it done.

Cache 111

Cache Google Code Performance 111

Smashing Magazine

OCTOBER 26, 2021

In this article, we will go through how to optimize and build a high-performance Next.js If you’re a developer looking to optimize applications and create reuseable components across applications effectively, this article will show you how to quickly scale your applications, and how to work with Nx. Optimizing Next.js Optimizing Next.js

Cache 121

Cache Servers Code Testing 121

Brendan Gregg

MARCH 16, 2024

Apart from library code, maybe your application doesn't have frame pointers either, in which case everything is broken. Only in extreme circumstances does the cost (in processor time and I-cache footprint) translate to a tangible benefit - circumstances which usually resort to hand-coded assembly anyway.

Java 137

Java Cache Google Hardware 137

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. Having a slow site might leave you on page 452 of search results, regardless of any other metric.

Cache 94

Cache Social Media Media Website 94

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 145

Cache Website Mobile Google 145

Smashing Magazine

NOVEMBER 17, 2022

This article is sponsored by Storyblok. But if you’re worried that you’re not getting the performance you expected because of large, poorly optimized images, don’t worry because that’s what you’re reading this article for! Cache Your Images. A Guide To Image Optimization On Jamstack Sites. Alba Silvente.

Media 125

Media Cache Website Mobile 125

SQL Performance

NOVEMBER 10, 2021

Parameter embedding means SQL Server replaces parameter references in the query with the literal constant values from the current execution, and then the code with the constants gets optimized. You can find a practical application of this technique in the article Number series generator challenge solutions – Part 1. So, let’s try….

Cache 121

Cache Servers Code Database 121

O'Reilly Software

DECEMBER 28, 2017

Learn how to properly design RESTful APIs communication with clients, accounting for request structure, authentication, and caching. This series of articles shows you how to derive an easy-to-use, robust, efficient API to serve users on the web or on mobile devices. We are using the principles of RESTful architecture over HTTP.

Servers 83

Servers Cache Mobile Architecture 83

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. MB , that suggests I’ve got around 29 pages in my budget, although probably a few more than that if I’m able to stay on the same sites and leverage browser caching. Chris Ashton. Large preview ).

Cache 99

Cache Mobile Google Network 99

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 106

Cache Servers Best Practices Code 106

SQL Performance

SEPTEMBER 25, 2019

An example plan shape showing a lazy table performance spool is below: The questions I set out to answer in this article are why, how, and when the query optimizer introduces each type of performance spool. For more details, please see my linked article. When a spool is able to replay cached results, this is known as a rewind.

Performance 104

Performance Cache Servers Education 104

Smashing Magazine

JUNE 30, 2021

iOS empowers developers to easily parallelize code using Grand Central Dispatch , Android does this via their new, unified task scheduler WorkManager and game engines like Unity have job systems. How long your piece of JavaScript takes to finish depends on how fast the device is that your code is running on.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

MAY 12, 2022

Recently Noam Rosenthal published two articles analyzing the common benefits and capabilities provided by various frameworks , and also their associated costs. I highly recommend checking out these articles. For this article, I primarily rely on insights gained from analyzing data presented using the Core Web Vitals Technology Report.

Google 136

Google Performance Website Mobile 136

Smashing Magazine

SEPTEMBER 20, 2021

They all generally are instrumented as JavaScript processes that are loaded onto your site’s web pages through a tag or snippet of loader code. A natural language translation service presenting a news website article translated from English to Japanese. Search Engine And Web Archive Cached Results. Large preview ).

Website 108

Website Analytics Google Cache 108

O'Reilly Software

JANUARY 4, 2018

In the first article , we talked about how to identify the URL and HTTP method pairs we would need to implement the server-side API for the application. Then, in the second part , we explored how our server should react to incoming requests and communicate its state with status codes.

Media 75

Media Cache Servers Design 75

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 77

Media Cache Storage AWS 77

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 84

Cache Strategy Best Practices Design 84