Smashing Magazine

DECEMBER 19, 2021

LCP, or Largest Contentful Paint , is one of the three Core Web Vitals that you must “pass” to get the full search ranking boost from Google as part of their Page Experience Update. From an SEO perspective, it doesn’t really matter what other tools tell you, GSC is what Google Search sees. The issue was that LCP was too slow on mobile.

Google 143

Google Traffic Mobile Website 143

CSS Wizardry

NOVEMBER 3, 2020

Historically, I’d maybe look at Google Analytics—or a RUM solution if the client had one already—but this is only useful for showing me particular outliers, and not necessarily any patterns across the whole project. In a separate sheet—available at the same link as before —I’ve simply graphed the data by page type. See entry 6.

Speed 292

Speed Ecommerce Metrics Analytics 292

Smashing Magazine

AUGUST 10, 2023

Even with all of the available tools at my disposal, I still find myself reaching for several of them. There are ways around that, of course. On that note, it’s worth calling out that there are multiple flavors of network throttling. Real usage data would be better, of course. Lighthouse results.

Speed 81

Speed Monitoring Testing Network 81

Smashing Magazine

JUNE 8, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome who was working all around web performance for decades. DRM-free, of course. Optimizing Network Requests with Caching and Preloading. +. Image Content Delivery Networks. +. DRM-free, of course.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

APRIL 28, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome and focusing around performance for decades. DRM-free, of course. Optimizing Network Requests with Caching and Preloading. +. Image Content Delivery Networks. +. Let’s figure it all out. Large view.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

OCTOBER 24, 2023

Writing a hand-spun analytics tracking dashboard isn’t what my clients really want to pay me for, so I’ll drop in the ol’ Google Analytics script and maybe never think of it again. But does it need to be available immediately ? There are self-hosted alternatives to Google Analytics, after all. Analytics is a good example.

Google 90

Google Analytics Traffic Metrics 90

Smashing Magazine

MARCH 7, 2022

That user preference is available in two (hopefully soon to be three!) This is available behind a flag in Chrome, but not yet on by default while it finishes standardization. This is helpful for those on poor or expensive networks, so they don’t have to pay an exorbitant cost just to visit your website. Save Data API.

Website 103

Website Media Mobile Network 103

Smashing Magazine

NOVEMBER 8, 2021

Surveying the existing landscape of available developer tools and runtimes, we felt that there is a gap. And, of course, the result needs to be seamless and delightful — dare we say, even fun — to develop and maintain.

Cache 135

Cache Best Practices Strategy Servers 135

Smashing Magazine

JANUARY 11, 2021

Assets Optimizations Brotli, AVIF, WebP, responsive images, AV1, adaptive media loding, video compression, web fonts, Google fonts. Networking, HTTP/2, HTTP/3 OCSP stapling, EV/DV certificates, packaging, IPv6, QUIC, HTTP/3. You can download the spreadsheet as Google Sheets, Excel, OpenOffice document or CSV. Large preview ).

Performance 145

Performance Cache Media Metrics 145

Alex Russell

JULY 14, 2021

Google's Search App and Facebook's various apps for Android undermine these choices in slightly different ways. [3] Developers also suffer higher costs and reduced opportunities to escape Google, Facebook, and Apple's walled gardens. The same unified experience ensures that saved addresses and payment information are readily available.

Google 121

Google Mobile Engineering Internet 121

MachMetrics

APRIL 3, 2020

And if you absolutely have to have it on a device, most of them are available via Kindle as well. If you’re looking to read optimization ideas from one of the greatest minds in speed performance, look no further. , and the Head Performance Engineer at Google. and Google, they’ll do wonders for your website!

Speed 85

Speed Performance Best Practices Website 85

KeyCDN

OCTOBER 31, 2019

Google Chrome is currently one of the most popular web browsers used by developers today. According to StatCounter , as of September 2019, Google Chrome holds 63.72% browser market share across the globe. What Are the Google Chrome DevTools? They provide developers deeper access into their web applications and the browser.

Google 85

Google Website Network Media 85

Smashing Magazine

FEBRUARY 27, 2024

Faster is better, of course, but the way Lighthouse reports it, a “passing” score comes in between 0 and 1.8 Google keeps a full record of the changelog for reference, so that’s something to keep in mind when evaluating results, especially if you find yourself with different results from others on your team.

Performance 95

Performance Metrics Monitoring Google 95

The Morning Paper

SEPTEMBER 24, 2019

Before we dive in, I’d just like to note that the authors responsibly disclosed their findings to Google, who have announced that they will be fixing many of the identified issues in AndroidQ. Google, to their credit, have announced that they are addressing many of the issues that we reported to them. most apps).

Systems 74

Systems Traffic Network Google 74

Dotcom-Montior

NOVEMBER 16, 2021

Google was the first company to create, embrace, and put support behind the role of site reliability engineering. Since that time, the SRE role has evolved as the industry has changed and shifted from the traditional monolithic structures to large, widely distributed networks and microservices. Monitoring.

Monitoring 91

Monitoring Google DevOps Engineering 91

The Morning Paper

JUNE 6, 2019

This is a high level paper describing Google’s production system for federated learning. There’s a good high-level overview of federated learning on Google’s AI blog. Within the FL Server (which is itself a distributed system of course), it’s the job of selectors to identify devices for a round. SysML 2019. Federated Averaging.

Systems 71

Systems Design Google Servers 71

KeyCDN

NOVEMBER 22, 2018

IPv6 (Internet Protocol Version 6) is the latest internet protocol designed to replace IPv4 due to the network shortage of addresses. This makes for a significant difference in the number of available IP addresses between IPv4 and IPv6. billion addresses available. Our own IPv6 findings align quite closely with Google’s.

Internet 49

Internet Internet Google IoT 49

Smashing Magazine

MARCH 25, 2021

A performance budget as a mechanism for planning a web experience and preventing performance decay might consist of the following yardsticks: Overall page weight, Total number of HTTP requests, Page-load time on a particular mobile network, First Input Delay (FID). And of course, you need to host and deliver your images.

Media 117

Media Performance Mobile Latency 117

CSS - Tricks

APRIL 1, 2021

Google’s industry benchmarks from 2018 also provide a striking breakdown of how each second of loading affects bounce rates. Source: Google /SOASTA Research, 2018. Speed is also something Google considers when ranking your website placement on mobile. The code for the site is available on GitHub for reference. Lighthouse.

Cache 92

Cache Social Media Media Website 92

Dotcom-Montior

MAY 12, 2020

They now allow users to interact more with the company in the form of online forms, shopping carts, Content Management Systems (CMS), online courses, etc. Web monitoring is a comprehensive term that describes the activity of testing a website or web application for its availability and performance. Network or connection error.

Monitoring 63

Monitoring Entertainment Hardware Latency 63

Dynatrace

NOVEMBER 29, 2021

Self-hosted Kubernetes installations or services — such as Amazon EKS, Azure Kubernetes Service, or the Google Kubernetes Engine — make it possible for enterprises to select and implement best-fit functions. Specific metrics to measure include current pods, available pods, unavailable pods, and current node conditions.

Monitoring 147

Monitoring DevOps Infrastructure Metrics 147

Alex Russell

APRIL 29, 2021

This post mines publicly available data on the pace of compatibility fixes and feature additions to assess the claim. The information it captures is, however, available going back somewhat further, providing a fuller picture of the trend lines of engine completeness. Count of APIs available from JavaScript by Web Confluence.

Media 145

Media Games Education Engineering 145

Smashing Magazine

JANUARY 6, 2020

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). This might be very different for your company, of course, but that’s a close enough approximation of a majority of customers out there. It will help you build up a company-tailored case study with real data.

Performance 145

Performance Cache Network Metrics 145

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

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. In this case, my website is “slow”, even when served on 4G networks. For example: Think with Google suggests the typical page speed optimizations.

Website 110

Website Speed Mobile Design 110

Particular Software

DECEMBER 9, 2019

Decommissioning Public102 was an exercise in the mundane, gradually transitioning tiny service after tiny service to new homes over the course of weeks, as the development schedule allowed. Unfortunately, the network operations had a cruel surprise for us. It's not so easy with a junk drawer server. And so we started it all again.

Wireless 52

Wireless DevOps Infrastructure Network 52

Percona

APRIL 26, 2023

When a project’s source code is available to all, the question of security isn’t far behind. Consider all the projects in Google’s graveyard, like Google Reader, Stadia, G+, and too many messaging apps to even try to recount. The real answer is, of course, the disappointing but realistic “it depends.”

Open Source 86

Open Source Software Software Social Media 86

KeyCDN

SEPTEMBER 12, 2019

The file size of your images of course is very important, but SEO and social media also play an important part in helping your website perform and convert better. An easy way to compress images is with our image processing service that happens to also be fully integrated into our existing network. KB (30%) without losses.

Social Media 106

Social Media Media Google Website 106

O'Reilly

DECEMBER 2, 2019

The most obvious change 5G might bring about isn’t to cell phones but to local networks, whether at home or in the office. High-speed networks through 5G may represent the next generation of cord cutting. Those waits can be significant, even if you’re on a corporate network. Let’s get back to home networking.

Wireless 53

Wireless Serverless IoT Artificial Intelligence 53

Smashing Magazine

SEPTEMBER 20, 2021

And of course, scrapers could scrape your site to look for security vulnerabilities or exposed contact or sales lead details. 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. The most common service of this type is Google Web Light.

Website 89

Website Analytics Google Cache 89

The Morning Paper

FEBRUARY 23, 2020

Note that AnyLog also differs from projects such as DeepDive or Google’s Knowledge Graph. There are five different types of member in an AnyLog system, and any network node can join without restriction as any type of member. Publishers are the producers of the actual data to be served by the network. Market participants.

Blockchain 94

Blockchain Internet Internet IoT 94

Smashing Magazine

DECEMBER 15, 2021

Fairly rapidly, text messaging (SMS, short for “Short Message Service”) was added, as it was baked into the network itself, originally as a way to send messages internally or for testing. Many phones come preinstalled with common apps such as social networking, email, and maps, or with shortcuts to the browser. DRM-free, of course.

Mobile 103

Mobile Design Internet Internet 103

KeyCDN

OCTOBER 10, 2018

Google created Kubernetes to help developers better manage their containerized applications across clusters. Although a beta version was released in 2014, the first stable release of Kubernetes was just made available in September 2018. Of course, managing such apps across more than one machine can get complicated very quickly.

Virtualization 47

Virtualization Open Source Network Architecture 47

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. This includes the work done by the server, the client and the intermediary communications networks that transmit data between the two. Large preview ).

Website Performance 73

Website Performance Website Energy Performance 73

Alex Russell

FEBRUARY 6, 2022

Or consider South Korea's law, passed last August , that elicited months of stonewalling by Google and Apple until, at last, an exasperated Korean Communication Commission ( KCC ) started speaking a language Cupertino understands [1] via a proposed 2-3% fine. Provide its own networking layer and integrate with Private Relay's closed API s.

Google 55

Google Mobile Strategy Games 55

Smashing Magazine

JANUARY 7, 2019

Time to Interactive (TTI) The point at which layout has stabilized, key webfonts are visible, and the main thread is available enough to handle user input — basically the time mark when a user can interact with the UI. If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled network (e.g.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

APRIL 29, 2021

Lazy-load offscreen images (reduce network contention for key resources). For low impact to First Input Delay : Avoid images causing network contention with other critical resources like CSS and JS. You can of course also do this manually just using the <img> element directly. We’ll cover this later. Large preview ).

Media 145

Media Network Metrics Mobile 145