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. The CMS itself is provided on a Software-as-a-Service (SaaS) model which I like to term Content-as-as-Service (CaaS). It worked a treat without having 50 Google Docs flying all over the place. Enterprise features.

Cache 143

Cache Website Mobile Google 143

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

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

OCTOBER 26, 2018

However, being an easy-to-use inclusive and versatile piece of software, WordPress comes with a plethora of options that are not necessarily utilized in each and every project. For example, simple presentational sites or sites that use WordPress as a backend are the main candidates for the decoupled approach. post_slug || !

Cache 78

Cache Website Speed Database 78

Smashing Magazine

SEPTEMBER 6, 2021

This approach was touted to be better for fine-grained caching because each subresource could be cached individually and the full bundle didn’t need to be redownloaded if one of them changed. mvfst (Facebook), MsQuic , (Microsoft), (Google), ngtcp2 , LSQUIC (Litespeed), picoquic , quicly (Fastly). Implementation.

Network 104

Network Servers Cache Traffic 104

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. Client-Side Caching. Caching is the process of storing the results of a computation or request so that they can be accessed repeatedly more quickly. Static Files.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

JUNE 2, 2021

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. The project consisted of upgrading the shop software to our own open-source system and redoing the shop’s front end from scratch. Additionally, page speed is a ranking factor for search and also for your Google Ads.

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

AUGUST 22, 2021

Some examples of the latter are heavily cached websites, as well as single-page apps that periodically fetch small updates via APIs and other protocols such as DNS-over-QUIC. Initial tests by Google , for example, show low percentage improvements for its use cases. This is why there is a split between client and server CIDs in QUIC.

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

NOVEMBER 30, 2021

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. So we enhanced and maybe over-stretched the high tech document system to behave like a software application. And I think that is valid. Drew: It was, yeah.

Technology 94

Technology Technology Servers Code 94

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

JANUARY 6, 2020

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Note : as TCP generally under-utilizes network connection by a significant amount, Google has developed TCP Bottleneck Bandwidth and RRT ( BBR ), a relatively new TCP delay-controlled TCP flow control algorithm.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

The idea is quite straightforward: Push the minimal code needed to get interactive for the initial route to render quickly, then use service worker for caching and pre-caching resources and then lazy-load routes that you need, asynchronously. An application shell is the minimal HTML, CSS, and JavaScript powering a user interface.

Performance 103

Performance Cache Metrics Network 103