Smashing Magazine

MAY 17, 2021

How We Improved Our Core Web Vitals (Case Study). How We Improved Our Core Web Vitals (Case Study). 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. Beau Hartshorne. 2021-05-17T11:30:00+00:00. Large preview ).

Google 93

Google Analytics Serverless Metrics 93

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

NOVEMBER 2, 2021

Based on the data provided by divante ’s findings on 30 PWA case studies, progressive web apps have a 36% larger mobile conversion rate than native applications. Hence, they can’t be promoted separately or found by users who’ve input a search query in Google. That wouldn’t be the case if they opted for a native application.

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

AUGUST 3, 2023

How We Optimized Performance To Serve A Global Audience How We Optimized Performance To Serve A Global Audience Liran Cohen 2023-08-03T10:00:00+00:00 2023-08-03T13:06:00+00:00 I work for Bookaway , a digital travel brand. Large preview ) We’ve known for a long time that fast page performance influences search engine rankings.

Performance 74

Performance Cache Traffic Metrics 74

KeyCDN

AUGUST 29, 2019

Running speed tests with tools like Google PageSpeed Insights , WebPageTest , or KeyCDN’s Website Speed Test are always a good way to help gauge your website’s performance. With that being said, see how we easily achieved a 100/100 score with WordPress and Google PageSpeed Insights. Why Care About Page Speed?

Google 103

Google Cache Speed Analytics 103

CSS Wizardry

AUGUST 13, 2019

An outgoing request from a whitelisted domain returns a 302 , forwarding the request to a self-hosted CSS file that is optimised specifcally for your browser, OS, and UA (Google Fonts do something similar). In case you’re wondering, a non-whitelisted domain returns a 403. So, what are the performance implications of all of this?

Latency 203

Latency Cache Strategy Media 203

Smashing Magazine

JUNE 2, 2021

Improving The Performance Of An Online Store (Case Study). Improving The Performance Of An Online Store (Case Study). Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. Jennifer Brehm. 2021-06-02T10:30:00+00:00. 2021-06-02T13:32:39+00:00.

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

NOVEMBER 17, 2022

That is why, today, Web Performance is as important and trendy as having an online presence. That is why, today, Web Performance is as important and trendy as having an online presence. Table of Contents: What Is Web Performance? Case Study: Image Component In A Jamstack Site. What Is Web Performance?

Media 105

Media Cache Website Mobile 105

Speed Curve

FEBRUARY 25, 2024

My favourite place to start is with the Web Vitals heatmap on SpeedCurve's RUM > Performance dashboard. The Performance panel can be overwhelming – even for experienced engineers – as it exposes how much work the browser is doing to load pages or handle interactions. Switching to the DevTools Performance panel 3.

Analytics 92

Analytics Processing Google Mobile 92

Tim Kadlec

MARCH 7, 2017

The first day of the first ever Google AMP conference was today in New York. I would have loved to have been able to participate, but I had to settle for listening to bits and pieces from afar (thanks to Google for always doing such a good job of live streaming all of their events). But it’s not treated that way.

Cache 72

Cache Google Performance Metrics 72

Speed Curve

DECEMBER 25, 2013

The following article was originally published in the 2013 Performance Calendar. There's 31 great articles to explore in the calendar including Steve Souders's browser wishlist and Tim Kadlec's take on what it takes to create a performance culture. -. All CMS's should be offering this level of image manipulation and caching.

Performance 60

Performance Mobile Website Benchmarking 60

Smashing Magazine

JUNE 26, 2019

Developers are already optimizing front end performance with: Fast web hosting. 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. For example: Think with Google suggests the typical page speed optimizations.

Website 110

Website Speed Mobile Design 110

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

Highly Scalable

APRIL 2, 2012

From the business logic point of view, this was a pretty typical eCommerce service for hierarchical and faceted navigation, although not without peculiarities, but high performance requirements led us to the quite advanced architecture and technical design. So, the only way was to cache all necessary data to minimize interaction with RDBMS.

Ecommerce 100

Ecommerce Cache Storage Architecture 100

KeyCDN

JULY 11, 2019

Image Optimization Importance We have been talking a lot about website optimization lately and have interviewed many web performance experts to get their recommendations and advice. Here are just a few of their responses: A big focus for our performance team is (and will continue to be) optimizing images. You guessed it, images.

Speed 52

Speed Website Mobile Latency 52

Smashing Magazine

JANUARY 21, 2021

How We Improved SmashingMag Performance. How We Improved SmashingMag Performance. Every web performance story is similar, isn’t it? A day when a project, fully polished and carefully optimized, gets launched, ranking high and soaring above performance scores in Lighthouse and WebPageTest. Vitaly Friedman.

Performance 145

Performance Cache Mobile Network 145

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

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

JANUARY 11, 2021

Front-End Performance Checklist 2021. Front-End Performance Checklist 2021. This guide has been kindly supported by our friends at LogRocket , a service that combines frontend performance monitoring , session replay, and product analytics to help you build better customer experiences. Web performance is a tricky beast, isn’t it?

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]. Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]. Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Vitaly Friedman.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Vitaly Friedman.

Performance 103

Performance Cache Metrics Network 103