Smashing Magazine

OCTOBER 2, 2023

Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app. I plan on sharing specifically what I learned from performance and accessibility practices as a first-time lead developer of a team , as well as what I wish I had known before we started.

Cache 72

Cache Strategy Best Practices Design 72

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. Approximately two-thirds of Indian mobile Chrome users of Smashing Magazine have this setting turned on, for example. For Smashing Magazine, that involved dropping some of our web fonts.

Website 103

Website Media Mobile Network 103

Smashing Magazine

MARCH 19, 2021

Working around improving performance was an ongoing journey on SmashingMag for a while. In the end of last year we’ve noticed that we’ve seen quite a drop in performance in 2020, so we rolled up our sleeves and got to work. Gael Metais suggested to more aggressively subset web fonts and look into caching issues with our AVIF files.

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

JUNE 8, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Image Decoding Performance. +. Measuring Image Performance. +.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

JANUARY 15, 2019

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. Perhaps the biggest win when it comes to making websites more sustainable is that performance, user experience and sustainability are all neatly intertwined. Jack Lenox. 2019-01-15T13:30:32+01:00.

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

APRIL 28, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Image Decoding Performance. +. Measuring Image Performance. +.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

JUNE 1, 2022

You may have a lean, agile, responsive site design only to find it gradually loaded down with more and more “extras” that are often put onto the site by marketing departments or business leaders who are not always thinking about website performance. Measuring Performance Impact. You cannot always anticipate what you cannot control.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

MAY 17, 2021

Performance is a core feature of our company, Instant Domain Search —it’s in the name. We’ve recently grown to a small group based mostly in Victoria, Canada and we are working through a long backlog of new features and performance improvements. A 75th percentile (p75) metric strikes a reasonable balance for performance goals.

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

APRIL 11, 2022

Of all those options, it’s safe to assume that text is the best choice for LCP performance because it loads and renders fast. These default priorities work reasonably well for most cases, usually resulting in a good performance. Improving Largest Contentful Paint performance. Large preview ). Examples And Use Cases.

Media 69

Media Tuning Metrics Google 69

Smashing Magazine

JANUARY 16, 2023

Since recently becoming a ranking factor, this major web performance KPI is still a new concept for many web developers. To address this problem, I’ll provide an overview of the best practices for the integration and optimization of an LCP image. It becomes especially tricky to optimize when the LCP element is an image.

Media 104

Media Mobile Website Metrics 104

Smashing Magazine

APRIL 29, 2021

While not render-blocking, they can indirectly impact render performance. If using 11ty for your static sites, try the 11ty high-performance blog template. It also shows up on hover in the DevTools Performance panel. They found that 2x was a sweet spot of both good performance wins with no degradation in quality metrics.

Media 145

Media Network Metrics Mobile 145

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. This remains a good, practical way to work, but it does introduce a potential vector for attack. What Could Go Wrong?

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. But beware of circular references to content which could cause headaches and performance issues. Also, building on an existing SDK has allowed us to follow the best practices recommended by the vendor while saving time.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

AUGUST 22, 2021

HTTP/3: Performance Improvements (Part 2). HTTP/3: Performance Improvements (Part 2). In this second part, we will zoom in on the performance improvements that QUIC and HTTP/3 bring to the table for web-page loading. We will, however, also be somewhat skeptical of the impact we can expect from these new features in practice.

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

AUGUST 31, 2021

If you have multiple pieces of state defined in a single context, you may start running into performance issues. Libraries like these handle cache locally, so whenever the state is already available they can leverage settings definition to either renew data or use from the local cache. zero-config caching layer.

Cache 103

Cache Servers Best Practices Code 103

Smashing Magazine

JULY 8, 2021

Best Practices When Writing Custom Directives. It is considered best practice not to directly access a state object. Instead, use the getter function because it can be mapped into any vue component using the mapGetters behaving like a computed property with the getters result cached based on its dependencies.

Speed 132

Speed Processing Development Code 132

Smashing Magazine

SEPTEMBER 6, 2021

If after the previous two parts — HTTP/3 history and core concepts and HTTP/3 performance features — you’re convinced that starting to use the new protocols is a good idea (and you should be!), HTTP/3 performance features. then this final piece includes all you need to know to get started!

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

NOVEMBER 30, 2021

Improving The Performance Of Wix Websites written by Dan Shappir. We last talked to him in July 2020 , where we asked if modern best practices about for the web. So we’re throwing a ton of client-side JS at people, and that introduces a ton of agility and performance issues. The Lean Web book. Chris Ferdinandi on the web.

Technology 94

Technology Technology Servers Code 94

Smashing Magazine

NOVEMBER 4, 2021

Drew McLellan: He’s an engineer at Skypack and a major contributor to a new project called Astro, which aims to combine performance best practices with the developer experience improvements we see from component based approaches. I mean, it’s not like we figured out some crazy way to get performance. Transcript.

Media 87

Media Website Architecture Servers 87

Smashing Magazine

AUGUST 9, 2021

Often they make it seem as if HTTP/3 is a revolution in performance, while it is really a more modest (yet still useful!) This is dangerous, because the new protocol will probably not be able to live up to these high expectations in practice. HTTP/3 performance features ( coming up soon! ). This is more in depth and technical.

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

NOVEMBER 12, 2021

The plugin provides useful warnings and hints on the best practices. Particularly, when dealing with web sockets, you may need to unsubscribe from the network to save resources and improve performance when the component unmounts. This means that we can use more than one context to perform different functions in an application.

Code 118

Code Availability Efficiency Performance 118