Smashing Magazine

OCTOBER 9, 2023

If you are unfamiliar with Gatsby , it’s a React-based static site generator that uses GraphQL to pull structured data from various sources and uses webpack to bundle a project so it can then be deployed and served as static files. It’s essentially a static site generator with reactivity that can pull data from a vast array of sources.

Media 79

Media Network Processing Code 79

Smashing Magazine

JULY 18, 2022

If you think that static rendering is limited to generic, public content that is the same for every user of your website, you should definitely read this article. Congratulations On Your New Job. Congratulations On Your New Job. The witty jokes in each article are only visible to paid users. Eric Burel.

Cache 114

Cache Website Energy Servers 114

MachMetrics

JUNE 18, 2019

We’ve written tons of articles giving you step-by-step advice on how to make your website faster – but not everyone wants to go through lots of steps. Many people reach out to us asking what is the #1 most important bang-for-your-buck tip on optimizing your website’s speed.

Speed 81

Speed Website Social Media Media 81

Smashing Magazine

APRIL 29, 2021

Given how central it is to image optimization on the web, let’s catch up on what it can do and how it can help improve user experience and the Core Web Vitals. I’ll be covering image optimization in more depth in Smashing Magazine’s new book on Image Optimization. We’ll cover this later. Large preview ).

Media 145

Media Network Metrics Mobile 145

KeyCDN

SEPTEMBER 12, 2019

When it comes to marketing your website, there are a lot of different aspects to consider, such as speed, SEO, conversation rates, bounce rate, and many others. We normally focus solely on the performance aspect, but today we want to dive into additional ways you can optimize images for the web.

Social Media 106

Social Media Media Google Website 106

Smashing Magazine

APRIL 19, 2021

Why is that and how can you be sure that your fixes really have worked? How can you get an accurate picture of the Core Web Vitals for your site? This second metric measures the time between when the user interacts with a page, clicking on a link or a button for example, and when the browser processes that click.

Google 140

Google Metrics Mobile Analytics 140

Smashing Magazine

NOVEMBER 2, 2021

PWAs Work In Browsers. Unlike their native application “antecedents”, progressive web apps are launched in browsers. As PWAs work in browsers, they have web pages with URLs that work just like any other website (be it launched on a desktop or mobile device). However, what if you want to build a progressive web app with Magento?

Code 74

Code Cache Retail Mobile 74

MachMetrics

MAY 14, 2020

When we gave a complete overview of the state of the web in 2020 we challenged our readers to compare their own website metrics to the multiple metric averages. How did you end up doing on your page weight (the download size of your entire webpage)? Optimally, you should be shooting for 0.5 MB for mobile. MB for mobile.

Website 52

Website Testing Speed Cache 52

Smashing Magazine

JANUARY 21, 2021

A day when a project, fully polished and carefully optimized, gets launched, ranking high and soaring above performance scores in Lighthouse and WebPageTest. We were designing and building things, setting up new products, refactoring the components, and publishing articles. Vitaly Friedman. 2021-01-21T14:00:00+00:00.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

JANUARY 6, 2020

Often deferred till the very end of the project, it would boil down to minification, concatenation, asset optimization and potentially a few fine adjustments on the server’s config file. Assets Optimizations. Build Optimizations. Delivery Optimizations. Delivery Optimizations. Happy optimizing, everyone!).

Performance 145

Performance Cache Network Metrics 145

Rigor

SEPTEMBER 11, 2019

Reading time 16 min Whether you’re a web performance expert, an evangelist for the culture of performance, a web engineer incorporating performance into your process, or someone new to the web performance entirely, you probably identify as curious, excited about new ideas, and always learning. Rick Byers. Rick Byers. Paul Calvano.

Performance 89

Performance Education Google Website 89

Smashing Magazine

OCTOBER 22, 2019

A Guide To Optimizing Images For Mobile. A Guide To Optimizing Images For Mobile. This is a sponsored article. ) Google takes many factors into account when ranking a website and visitors take maybe a handful of factors into account when deciding to explore a site. Size Your Images Correctly. Suzanne Scacca.

Mobile 62

Mobile Media Website Storage 62

Dean Hume

JULY 5, 2016

That's a pretty catchy title for an article, right?! It's completely free to use and is such a powerful way to test your web pages from different locations all over the world. In this article, I am going to give you my list of the top ten coolest features of WebPageTest that you ( hopefully ) didn't already know about!

Website 40

Website Metrics Speed Testing 40

Dean Hume

JULY 5, 2016

That's a pretty catchy title for an article, right?! It's completely free to use and is such a powerful way to test your web pages from different locations all over the world. In this article, I am going to give you my list of the top ten coolest features of WebPageTest that you ( hopefully ) didn't already know about!

Website 40

Website Metrics Speed Testing 40

Dean Hume

JULY 5, 2016

That's a pretty catchy title for an article, right?! It's completely free to use and is such a powerful way to test your web pages from different locations all over the world. In this article, I am going to give you my list of the top ten coolest features of WebPageTest that you ( hopefully ) didn't already know about!

Website 40

Website Metrics Speed Testing 40

Smashing Magazine

OCTOBER 6, 2021

And on some browsers, that new feature just doesn’t seem to be working. Inheriting browser inconsistencies leading to mixed results across browsers and devices. Unexpected inheritance from the cascade where multiple styles override one another, which may cause alignment and spacing issues, among other things.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

SEPTEMBER 27, 2021

This third kind of testing will be the focus of this article. Your test should feel like an assistant, never a hindrance. These tests are best for applying constant stress to your application’s entire system and, thus, are a great measure to ensure quality when the whole application stack is present. Ramona Schwering.

Testing 135

Testing Website Code Efficiency 135

Smashing Magazine

SEPTEMBER 24, 2021

At our company, Unplatform , we have been building e-commerce sites for decades now. The platform we used for our e-commerce sites was based on ASP.NET and when visitors started to expect more interaction, we added React for the front-end. The code you write visualizes instantly in your browser and productivity goes through the sky.

Website 113

Website Code Servers Analytics 113

Smashing Magazine

SEPTEMBER 29, 2021

If you’re optimizing for the Web Vitals , you might be interested to hear that images account for ~ 42% of the Largest Contentful Paint element for websites. This is why a lot of our guidance on performance talks about image optimization. Assuming encode/decode speeds meet your needs. Evaluating Codecs. Compression.

Open Source 144

Open Source Speed Website Google 144