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

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 145

Java Cache Google Hardware 145

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 114

Cache Website Energy Servers 114

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 125

Cache Performance Servers Social Media 125

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 116

Cache Programming Storage Code 116

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

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 174

Metrics Open Source Traffic Cache 174

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 143

Cache Code Testing Design 143

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

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 92

Servers Monitoring Cache Network 92

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 129

Cache Website Strategy Traffic 129

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 92

Cache Social Media Media Website 92

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

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 123

Cache Internet Internet Google 123

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? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

Performance 145

Performance Cache Media Metrics 145

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 212

Benchmarking Metrics Cache Network 212

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

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

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 109

Cache Servers Code Storage 109

CSS - Tricks

SEPTEMBER 2, 2021

HTTP Caching is a Superpower — Hugh Haworth covers how the Cache-Control header is an awfully potent ingredient in web performance. I mis-read the title at first and was waiting to read about HTML caching. I only do it now because Cloudflare handles it. But Nolan Lawson digs into the nuance here. More links! on Aug 30, 2021.

Performance 53

Performance Cache AWS Technology 53

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

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 105

Media Cache Website Mobile 105

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 115

Performance Cache Website Mobile 115

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

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 186

Open Source Network Transportation Cache 186

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.

Performance 145

Performance Cache Network Metrics 145

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 278

Network Performance Media Cache 278

KeyCDN

DECEMBER 8, 2022

Unfortunately, it is a bit difficult to point out the problem directly– there are many possibilities that we will explore in this article. But this article won't just help you figure out why your WordPress website is not fast enough. Configure cache to optimize your website Caching is a complex technology with many layers.

Cache 52

Cache Website Speed Website Performance 52

SQL Performance

MARCH 29, 2022

Simple parameterization has a number of quirks in this area, which can result in more parameterized plans being cached than expected, or finding different results compared with the unparameterized version. Reputation = 252552 ; These statements result in six cached plans, three Adhoc and three Prepared : Different guessed types.

Cache 90

Cache Servers Database Testing 90

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

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? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are?

Performance 103

Performance Cache Metrics Network 103

CSS - Tricks

FEBRUARY 3, 2021

Back/forward cache — I always assumed browsers just do fancy stuff with the back/forward buttons and us developers had very little control. Philip Walton tells us it’s critical that we understand “what makes pages eligible (and ineligible) for bfcache to maximize their cache-hit rates.”

Performance 91

Performance Cache Testing Code 91

MachMetrics

JUNE 30, 2021

In this article, we will particularly look at the average page load time in 2021 and importance of web vitals. Thanks to the awesome caching plugins available for WordPress will make your site much faster and make your pages feel lightweight when configured correctly. Enable caching. Now is that a fault of WordPress?

Cache 78

Cache Speed Google Website 78

Smashing Magazine

AUGUST 3, 2023

HTML Processing Once a web page’s HTML file has been downloaded, the browser begins to process the contents line by line, translating code into the visual website that users interact with. It also opens up the possibility for more effective use of caching strategies, potentially enhancing load times further.

Performance 74

Performance Cache Traffic Metrics 74

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

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

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. One of the important things to realize is that the empty cache takes 6.8

Performance 52

Performance Cache Website Speed 52