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 the user is paid, the server returns the full article directly as HTML. Eric Burel.

Cache 115

Cache Website Energy Servers 115

The Netflix TechBlog

SEPTEMBER 8, 2020

This allows the app to query a list of “paths” in each HTTP request, and get specially formatted JSON (jsonGraph) that we use to cache the data and hydrate the UI. ecosystem was chosen for this new service deserves an article in and of itself. video titles, descriptions) could be aggressively cached and reused across multiple requests.

Latency 233

Latency Cache Java Traffic 233

Smashing Magazine

SEPTEMBER 28, 2022

The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. It essentially describes the lifetime of each file you download to load your page from the network. You can see this by opening your browser and looking in the Networking tab.

Cache 126

Cache Performance Servers Social Media 126

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

JUNE 26, 2019

What Web Designers Can Do To Speed Up Mobile Websites. What Web Designers Can Do To Speed Up Mobile Websites. I recently wrote a blog post for a web designer client about page speed and why it matters. However, their focus has always been on making a great-looking and effective design. Suzanne Scacca. Minification.

Website 110

Website Speed Mobile Design 110

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf. I didn't end up getting published in SysAdmin directly, but my performance work did make it as a feature article (thanks Matty). Or even on a plane.

Performance 110

Performance Latency Cache Virtualization 110

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. In this article, we’re going to cover CSS optimization strategies that can optimize CSS file size, loading times, and render performance. On design systems, CSS/JS and UX.

Media 109

Media Performance Cache Strategy 109

CSS - Tricks

APRIL 1, 2021

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. I’m going to audit the performance of my slow site before and after the things we tackle in this article. Again, every millisecond counts. Lighthouse.

Cache 92

Cache Social Media Media Network 92

Smashing Magazine

AUGUST 3, 2023

These pages serve as a pivotal tool in our digital marketing strategy, not only providing valuable information about our services but also designed to be easily discoverable through search engines. 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

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

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Networking, HTTP/2, HTTP/3 OCSP stapling, EV/DV certificates, packaging, IPv6, QUIC, HTTP/3.

Performance 145

Performance Cache Media Metrics 145

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

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! No References Required.

Servers 93

Servers Monitoring Cache Network 93

Smashing Magazine

JUNE 2, 2021

The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4). For the launch, we mostly focused on getting the new design out the door, but once the website’s relaunch went live, we started focusing our attention on turning the red and orange scores to greens. Large preview ).

Performance 116

Performance Cache Website Mobile 116

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. Once a week.

Performance 130

Performance Benchmarking Website Metrics 130

Particular Software

MAY 22, 2023

When one of those meetings occurs after a carb-heavy lunch, it’s easy for your mind to drift away…back to those university lectures about entity design. One cart to rule them all As the meeting continues, the design for the shopping cart begins to take shape. We all love building greenfield projects. Those are…not so fun.

Systems 98

Systems Cache Strategy Database 98

Smashing Magazine

JANUARY 21, 2021

We were designing and building things, setting up new products, refactoring the components, and publishing articles. The entire site is built with progressive enhancement in mind, meaning that you, dear reader, can read every Smashing article in its entirety without the need to boot the application at all. We had to fix that.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

JANUARY 6, 2020

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. thanks, Guy Podjarny! ). 300ms RTT, 1.6 Mbps down, 0.8 Mbps up) with a throttled CPU (5× slowdown).

Performance 145

Performance Cache Network Metrics 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. On design systems, CSS/JS and UX. Updating the cache directly using update function on the useMutation.

Cache 115

Cache Servers Transportation Code 115

Smashing Magazine

JUNE 1, 2022

You’ve spent months putting together a great website design, crowd-pleasing content, and a business plan to bring it all together. You’ve focused on making the web design responsive to ensure that the widest audience of visitors can access your content. You’ve agonized over design patterns and usability. Ken Harker.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

JANUARY 7, 2019

Performance isn’t just a technical concern: it matters, and when baking it into the workflow, design decisions have to be informed by their performance implications. Without a strong alignment between dev/design and business/marketing teams, performance isn’t going to sustain long-term. 150ms RTT, 1.5 Mbps down, 0.7

Performance 104

Performance Cache Network Metrics 104

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

Scalegrid

JANUARY 5, 2024

This article cuts through the complexity to showcase the tangible benefits of DBMS, equipping you with the knowledge to make informed decisions about your data management strategies. Types of DBMS DBMS can be classified into hierarchical, network, relational, and object-oriented types.

Efficiency 147

Efficiency Storage Database Scalability 147

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf. I didn't end up getting published in SysAdmin directly, but my performance work did make it as a feature article (thanks Matty). Or even on a plane.

Performance 52

Performance Latency Cache Virtualization 52

Alex Russell

MARCH 6, 2021

Thanks to progress in networks and browsers (but not devices), a more generous global budget cap has emerged for sites constructed the "modern" way: ~100KiB of HTML/CSS/fonts and ~300-350KiB of JS (compressed) is the new rule-of-thumb limit for at least the next year or two. Modern network performance and availability.

Performance 124

Performance Network Cache Metrics 124

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. I hope to raise the profile of difficulties faced by real people, which are avoidable if we design and develop in a way that is sympathetic to their needs. As for mobile network connection type, 84.7%

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

AUGUST 9, 2021

These statements and articles typically skip over some crucial technical details , are lacking in nuance, and usually are only partially correct. In this article series, I will discuss the new protocol, especially its performance features , with more nuance. We will discuss these features in more depth later in this article.

Transportation 145

Transportation Internet Internet Network 145

Dotcom-Montior

MARCH 27, 2022

It’s designed in such a way that you won’t even notice if the website has been blocked. Instead, you will encounter forever loading and other messages like timeout, connection error, network problem, etc. If the DNS caches are manipulated to contain wrong IP addresses, it’s called DNS poisoning. Blocking IP Access.

Website 82

Website Internet Internet Performance 82

MachMetrics

JUNE 30, 2021

In this article, we will particularly look at the average page load time in 2021 and importance of web vitals. Factors that impact on CLS: loading ads without a designated room. Thanks to the awesome caching plugins available for WordPress will make your site much faster and make your pages feel lightweight when configured correctly.

Cache 78

Cache Speed Google Website 78

Smashing Magazine

JUNE 25, 2020

Today, we’ll address storing and serving files for both single-server and scalable deployments while considering factors like compression, caching, and availability. If you’re on the latter end of this scale, you probably need more specialized advice than this article is prepared to give. Option 1: Default Django. Media Files.

Media 69

Media Cache Storage AWS 69

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 59

Scalability Best Practices Servers Database 59

Smashing Magazine

JULY 6, 2021

In this article, I will highlight a few core features that every headless CMS should provide. The delivery of static assets in formats such as WebP via a Content Delivery Network (CDN) is also crucial to serving your users a fast website. From a developer perspective, not only static assets need to be cached on a CDN.

Cache 143

Cache Website Mobile Google 143

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

Smashing Magazine

AUGUST 22, 2021

As we will see, QUIC and HTTP/3 indeed have great web performance potential, but mainly for users on slow networks. If your average visitor is on a fast cabled or cellular network, they probably won’t benefit from the new protocols all that much. HTTP/3 performance features ( current article ). Congestion Control.

Performance 106

Performance Network Latency Servers 106