article thumbnail

Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce

Smashing Magazine

From connecting back-office operations to front-of-the-house A/B testing and dynamic personalization for each customer, the shared foundation is fast server-side rendering powered by fast storefront data access. Hydrogen fuels dynamic commerce by uniting React Server Components, streaming server-side rendering, and smart caching controls.

Cache 136
article thumbnail

Five Data-Loading Patterns To Improve Frontend Performance

Smashing Magazine

There are millions of sites, and you are in close competition with every one of those Google search query results. The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. Jump to online workshops ?. Agustinus Theodorus.

Cache 126
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Sustainable Web Development Strategies Within An Organization

Smashing Magazine

For example, changing our database architecture to be more efficient could save on server costs. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. More after jump! Get Organized.

Strategy 124
article thumbnail

World’s Top Web Performance Leaders To Watch

Rigor

Jake is a developer advocate at Google working with the Chrome team to develop and promote web standards and developer tools, as well as a contributor to the Chromium blog. Jake is a frequent speaker at many popular conferences and events, such as 100 Days of Google Dev , JAMstakConf , JSConf , SmashingConf , and dozens of others.

article thumbnail

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. Additionally, page speed is a ranking factor for search and also for your Google Ads. Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

article thumbnail

How To Fix Cumulative Layout Shift (CLS) Issues

Smashing Magazine

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. Jump to online workshops ?. On design systems, CSS/JS and smart interface design patterns. Large preview ).

Media 125
article thumbnail

Lesser-Known And Underused CSS Features In 2022

Smashing Magazine

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. For example, Johan Isaksson covered one of those examples in his article , where he noticed a major scroll lag on Google Search Console.

Media 141