Brendan Gregg

FEBRUARY 28, 2023

My personal opinion is that I don't see a widespread need for more capacity given horizontal scaling and servers that can already exceed 1 Tbyte of DRAM; bandwidth is also helpful, but I'd be concerned about the increased latency for adding a hop to more memory.

Performance 52

Performance Latency Cache Virtualization 52

Smashing Magazine

AUGUST 3, 2023

While paid marketing strategies like Google Ads play a part in our approach as well, enhancing our organic traffic remains a major priority. It was only in 2020, though, that Google shared its concept of Core Web Vitals and how it impacts SEO efforts. SEO is key to our success. Bookaway site search.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

SEPTEMBER 28, 2022

There are millions of sites, and you are in close competition with every one of those Google search query results. 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. Client Side Rendering, Server Side Rendering And Jamstack.

Performance 125

Performance Cache Servers Social Media 125

Smashing Magazine

AUGUST 9, 2022

Essentially, a web vital is a quality standard for UX and web performance set by Google. It measures the web performance of a single page using Google PageSpeed Insights. It also lists cached resources and identifies unused Javascript. You can export the results as a CSV file for Excel, Google Sheets or Apple Pages.

Performance 130

Performance Benchmarking Website Metrics 130

Smashing Magazine

NOVEMBER 8, 2021

From connecting back-office operations to front-of-the-house A/B testing and dynamic personalization for each customer, the shared foundation is fast server-side rendering powered by fast storefront data access. On top of this foundation, we add layers of caching, prerendering and edge delivery optimizations — not the other way around.

Cache 135

Cache Best Practices Strategy Servers 135

Smashing Magazine

OCTOBER 29, 2019

Spend enough time running websites through PageSpeed Insights and you’ll notice that Google has a major beef with traditional image formats like JPG, PNG and even GIF. Here’s what Google suggests: PageSpeed Insights demonstrates how much storage and bandwidth websites stand to save with WebP. Source: Google ) ( Large preview ).

Website 72

Website Speed Cache Google 72

Smashing Magazine

JANUARY 11, 2021

Assets Optimizations Brotli, AVIF, WebP, responsive images, AV1, adaptive media loding, video compression, web fonts, Google fonts. Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Adjust the argument depending on the group of stakeholders you are speaking to.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

MARCH 7, 2022

Approximately two-thirds of Indian mobile Chrome users of Smashing Magazine have this setting turned on, for example. In the past, Chrome used to perform changes to the website by proxying requests via their servers (similar to how Opera Mini works), but doing that is usually frowned upon these days. And Is It Used? Data Saver.

Website 103

Website Media Mobile Network 103

Smashing Magazine

SEPTEMBER 20, 2021

When your content is delivered by other means, from other servers or platforms, it can put the user experience and commercial relationship you have built up with your users at risk. If you are just starting out wondering if someone might be re-publishing your web content, the easiest thing to do is a Google search. Large preview ).

Website 89

Website Analytics Google Cache 89

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 used to provide an insight into how quickly the server outputs any data. What does it mean?

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

MAY 17, 2021

Last year, Google started emphasizing the importance of Core Web Vitals and how they reflect a person’s real experience when visiting sites around the web. It wasn’t long before a sea of red “poor” and yellow “needs improvement” notices in our Google Search Console needed our attention. How We Improved Our Core Web Vitals (Case Study).

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

JULY 29, 2019

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. Google Homepage — DOM. There’s a trade-off to be made here, as external stylesheets can be cached but inline ones cannot (unless you get clever with JavaScript ).

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

JUNE 26, 2019

Instead, I suggest that web designers use another Google testing tool called Test My Site. Test My Site is a mobile page speed testing tool from Think with Google. Although we’ve been told for years that visitors are willing to wait three seconds for a web page to load , Google considers 2.9 Clean coding practices. Minification.

Website 110

Website Speed Mobile Design 110

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? Long FMP usually indicates JavaScript blocking the main thread, but could be related to back-end/server issues as well.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. Cache Your Images. A website’s performance can suffer if frequently accessed images are not cached, as many requests will be made to images that have already been loaded in the user’s system. Large preview ). The Relation Between Images And Web Performance.

Media 105

Media Cache Website Mobile 105

Smashing Magazine

JANUARY 15, 2019

Partly as a result of this campaign, Google announced last year that for the first time it had purchased enough renewable energy to match 100% of its global consumption for operations. So, apart from powering servers with renewable energy, what else can web developers do about climate change? You Can’t Manage What You Can’t Measure”.

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

APRIL 29, 2022

The average user doesn’t spend much time waiting for a web page to load or to interact with the page: According to Google, if a page’s load time goes up from 1 second to 3 seconds, the probability of the user bouncing increases by 32%. Consider Google Analytics, which collects and sends tracking data using navigator.sendBeacon().

Website 80

Website Google Open Source Mobile 80

Smashing Magazine

NOVEMBER 2, 2021

Hence, they can’t be promoted separately or found by users who’ve input a search query in Google. As shown on the screenshots below, the product page of the store can be found via Google. PWAs don’t require installation from the App Store or Google Play to the device to be used (like native apps do). You need a site for that.

Code 74

Code Cache Retail Mobile 74

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. The two types of Django deployments are: Single-Server. A single-server Django deployment is exactly what it sounds like: everything lives on a single server.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

OCTOBER 26, 2018

In addition to MVC separation, we can (for security reasons or speed improvements) place the JS App on a separate server like in the schema below: Decoupled WordPress diagram. Large preview ). Advantages Of Using The Decoupled Approach. One thing why you may want to use this approach for is to ensure a separation of concerns. post_slug || !

Cache 78

Cache Website Speed Database 78

Smashing Magazine

JUNE 1, 2022

These services use requests to external hosts (not servers you control) to deliver JavaScript framework libraries, custom fonts, advertising content, marketing analytics trackers, and more. The most popular, by far, is the Google Lighthouse report (available in Chrome Developer Tools) and Google’s Page Speed Insights.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

OCTOBER 22, 2019

Plus, now that Google has made mobile-first indexing the default, you really can’t afford to let any performance optimizations fall by the wayside what with how difficult it can be to get your mobile site as speedy as your desktop. The Old Image URL is a reminder of where our images lived on the server. The formula is simple enough.

Mobile 62

Mobile Media Website Storage 62

Smashing Magazine

NOVEMBER 22, 2021

A website’s performance can make or break its success, yet in August 2020, despite many improvements we had previously made, such as implementing Server-Side Rendering (SSR), the ratio of Wix websites with good Google Core Web Vitals (CWV) scores was only 4%. Google search ranking. Large preview ). The Wix Challenge.

Website 126

Website Performance Google Media 126

Smashing Magazine

JUNE 18, 2020

Those aren’t accessible by JS and are sent only to your server. The issue with that is that they’re always sent to your server, even if one of your users clicks on a GET request URL on someone else’s website and that GET request has side effects you or your user won’t like. Does that mean your JWT has to be out in the open?

Storage 93

Storage Mobile Website Java 93

Smashing Magazine

APRIL 29, 2021

It’s an initiative by Google to share unified guidance for quality signals that can be key to delivering a great user experience on the web. CWV is part of a set of page experience signals Google Search will be evaluating for ranking. From Speed at Scale with Katie Hempenius and I at Google I/O. Large preview ). Large preview ).

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

AUGUST 30, 2021

If the stylesheet file has a large file size or multiple dependencies which are located on third-party servers or CDNs, website rendering can be delayed significantly depending on the network speed and reliability. This is exactly how Smashing Magazine handles its stylesheets. Server-Side Optimizations. Caching Stylesheets.

Media 108

Media Performance Cache Strategy 108

Smashing Magazine

APRIL 9, 2019

Most sites were all hosted on a single physical server somewhere on our own hosting infrastructure, and it was the server we thought about defending when it came to security best practices. file hosted as part of their own website on their own server. That’s a lot of effort.

Website 57

Website Servers Code Best Practices 57

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. If you see authors turning to other authoring tools such as Google Docs for its commenting or suggestions capabilities, it may be a red flag as to what features you are missing. Technical and sales support.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

SEPTEMBER 6, 2021

Next, we’ll look at how to set up servers and clients (that’s the hard part unless you’re using a content delivery network (CDN)). This difference by itself doesn’t do all that much (it mainly reduces the overhead on the server-side), but it leads to most of the following points. Server Sharding and Connection Coalescing.

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

AUGUST 22, 2021

Latency can be roughly defined as the time it takes to send a packet from point A (say, the client) to point B (the server). This is one of the main reasons why content delivery networks (CDNs) exist: They place servers physically closer to the end user in order to reduce latency, and thus delay, as much as possible. and prior (a)).

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

AUGUST 9, 2021

It was heralded as an amazing performance revolution, with exciting new features such as server push, parallel streams, and prioritization. We would have been able to stop bundling resources, stop sharding our resources across multiple servers, and heavily streamline the page-loading process. In older versions of TLS (say, version 1.2

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

NOVEMBER 30, 2021

It’s shifting all that computation onto the server to build time or pre deferred time and not on page request time. I think that maybe the small counter argument here is if you Google, “How to do X with React,” you’re going to get half a dozen different approaches to doing that thing. Chris: Yeah. And I think that is valid.

Technology 94

Technology Technology Servers Code 94

Smashing Magazine

NOVEMBER 4, 2021

One’s called Haunted, may have heard of that, some people might have, Matthew: and Fred, who’s the owner of Skypack, who started Skypack and worked on the Snowpack project, I knew him because he worked for Google on the Polymer project, which is a web component project. I think Jason Miller of Google came up with this terminology.

Media 87

Media Website Architecture Servers 87