article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

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. We were busy not only with performance and UX optimizations though. New Online Workshops on Smashing.

Mobile 140
article thumbnail

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

Smashing Magazine

We work with millions of merchants, and as many companies, we obsess about storefront performance. We obsess even more about finding the optimal balance between performance, capabilities, and merchants’ business objectives. With 100s of real-life examples , guidelines and best practices that you can apply right away.

Cache 135
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

Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)

Smashing Magazine

Performance is one of the core aspects to ensure our users are having a delightful user experience irrespective of their devices or network connection. We found out user-centric performance metrics to be the perfect fit for this purpose. We use Lighthouse and WebPagetest as our synthetic testing tools for performance to measure CLS.

Website 105
article thumbnail

The Flow Institute: The First Online Community for Value Stream Management (VSM)

Tasktop

Members gain access to custom courses, tailored workshops, c-level roundtables and exclusive content that harvests Tasktop’s deep and profound market-leading knowledge that will enable you to baseline your IT portfolios and rebalance them to adapt quickly to the increasing pace of economic and market change. .

article thumbnail

Global vs. Local Styling In Next.js

Smashing Magazine

CSS-in-JS can also have a performance impact by causing additional renders and dependencies on the global state. Recommended reading : “ The Unseen Performance Costs Of Modern CSS-in-JS Libraries In React Apps )” by Aggelos Arvanitakis. support doing so with no additional setup; it also yields results that are performant and static.

Website 142
article thumbnail

React Children And Iteration Methods

Smashing Magazine

In this article, we’ll look at a React utility React.Children.toArray which lets us prepare the children prop for inspection and iteration, some of its shortcomings and how to overcome them — through a small open-source package, to keep our React code function the way it is deterministically supposed to behave, keeping performance intact.

article thumbnail

What Adrian Did Next?—?Part 2?—?Sun Microsystems

Adrian Cockcroft

I became the Sun UK local specialist in performance and hardware, and as Sun transitioned from a desktop workstation company to sell high end multiprocessor servers I was helping customers find and fix scalability problems. Rich became co-author of the second edition of the Sun Performance Tuning book, to describe how it worked.

Tuning 52