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

JUNE 2, 2021

Nor will I talk too much about the mechanics of how CLS is calculated: Google has some good documentation on that , and Jess Peck ’s The Almost-Complete Guide to Cumulative Layout Shift is an awesome deep dive into that too. Smashing Magazine article with fallback font and with full web fonts. Large preview ). Large preview ).

Media 125

Media Metrics Website Google 125

Smashing Magazine

JANUARY 21, 2021

A big JavaScript bundle might seem out of place on a magazine that merely publishes articles, but actually, there is plenty of scripting happening behind the scenes. The reasons for it are numerous, but the most important one is a huge difference in network conditions and device hardware across the world. Large preview ).

Performance 145

Performance Cache Mobile Network 145

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

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

Smashing Magazine

JANUARY 6, 2020

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled 3G network (e.g. Adjust the argument depending on the group of stakeholders you are speaking to. 300ms RTT, 1.6

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JULY 29, 2019

Failing that, we are usually able to connect to home or public WiFi networks that are on fast broadband connections and have effectively unlimited data. The speed of mobile networks, too, varies considerably between countries. As for mobile network connection type, 84.7% Google Homepage — DOM. per GB respectively.

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. If we think about social networks, we can see two clear trends, those focusing on text and those focusing on multimedia content. Large preview ). The Relation Between Images And Web Performance. But if we leave text aside, what other options are left?

Media 106

Media Cache Website Mobile 106

Smashing Magazine

DECEMBER 15, 2021

Changes in the technology of touch over time mean that many assumptions and standards of how to design for touch from just a few decades ago are no longer relevant — and may be actively misleading or dangerous. Many phones come preinstalled with common apps such as social networking, email, and maps, or with shortcuts to the browser.

Mobile 104

Mobile Design Internet Internet 104

Smashing Magazine

JANUARY 7, 2019

If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled network (e.g. To make the performance impact more visible, you could even introduce 2G Tuesdays or set up a throttled 3G network in your office for faster testing. 150ms RTT, 1.5 Mbps down, 0.7 Mbps up) with a throttled CPU (5× slowdown).

Performance 104

Performance Cache Network Metrics 104

Smashing Magazine

MAY 9, 2022

Similarly from cross-site navigation — think Google search results or the like and then clicking back. A disk cache is faster than having to fetch those resources from the network (though not always, oddly enough !), seconds — the best number Smashing Magazine has ever seen since the Core Web Vitals initiative was launched.

Cache 91

Cache Games Performance Website 91

The Agile Manager

FEBRUARY 27, 2012

Each is a new take on an old theme, echoing one part of the contradiction that has riddled every business with a captive technology department: we want to minimize how much we spend on IT, and we want IT to be a source of innovation. Personal technology such as spreadsheets and smartphones empowers increasingly tech-savvy knowledge workers.

Ecommerce 45

Ecommerce Social Media Retail Airlines 45

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%. Source: HTTP Archive's Core Web Vitals Technology Report. Large preview ).

Website 126

Website Performance Google Media 126

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Numerous big players have considered such an opinion and have recently implemented this technology. Hence, they can’t be promoted separately or found by users who’ve input a search query in Google.

Code 74

Code Cache Retail Mobile 74

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. For example, if the CMS is built on Microsoft’s.NET Framework, the front-end website would also be built on the same technology. It worked a treat without having 50 Google Docs flying all over the place.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

JULY 20, 2021

But technology is evolving, and there are more and more options that make it easier to create websites. But this also has some disadvantages, you still need to configure and update WordPress, make it secure and are dependent on their technology for the development of new functionalities. Related Reading on SmashingMag.

Website 142

Website Architecture Technology Technology 142

Smashing Magazine

AUGUST 19, 2021

Unethical practices at companies lead to the creation of technology that we all use but often neglect the influence of those intended to serve. A real interaction between computers and humans starts at technological conception by understanding users through a sound and ethical user research discipline. What are ethics anyway?

Code 137

Code Design Education Government 137

Smashing Magazine

OCTOBER 23, 2021

It has many features that enable you, as a web developer, to build apps on desktop and mobile and to create progressive web apps (PWAs) using technologies such as Cordova, Electron, and the web (Vue.js). Firebase is application development software from Google that enables us to develop iOS, Android, and web apps. Why Quasar Framework?

Database 112

Database Code Mobile Google 112

Smashing Magazine

NOVEMBER 30, 2021

The web technology changes so fast, but the web itself tends to move a little bit slower just in terms of developer trends and habits. And so you see these slightly longer arcs where you’ll have a bunch of technology pile up around one approach and then it’ll slowly start to swing the other way and then change all at once.

Technology 94

Technology Technology Servers Code 94

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)). Using just a few (but still more than one), however, could nicely balance congestion growth with better performance, especially on high-speed networks. Servers and Networks. Network Configuration.

Network 105

Network Servers Cache Traffic 105

Smashing Magazine

AUGUST 9, 2021

We know she’s an expert on designing technology to protect the vulnerable, but did you know she’s the international record holder for the most doughnuts performed in a forklift truck? When I log into our bank from a new Wi-Fi network, I have to ask him like which of these streets did you live on when you were a kid? Eva: Yeah.

Design 98

Design Education Network Google 98

Smashing Magazine

NOVEMBER 15, 2021

Mosh is a remote terminal app (or mobile shell) for interactive SSH usage that includes several useful features for those who need to do terminal-based tasks over weak WiFi, cellular networks, or other less-reliable connections. Large preview ). Large preview ). Large preview ). Large preview ). Large preview ). Large preview ).

Development 134

Development Google Storage Open Source 134