Remove Best Practices Remove Case Study Remove Design Remove Speed
article thumbnail

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

Smashing Magazine

Powered E-Commerce Website (Case Study). Powered E-Commerce Website (Case Study). For this case study, we are mainly going to focus on CLS. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

Website 106
article thumbnail

From AVIF to WebP: A New Smashing Book By Addy Osmani

Smashing Magazine

Using responsive images is a key part of delivering fully responsive web design. Twitter’s Image Pipeline (Case Study). +. This case study focuses on the different steps that Twitter has taken to load images faster while ensuring they are as impactful as intended. Responsive Images. +. Reviews and Testimonials. “An

Media 106
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

Meet Image Optimization, A New Smashing Book By Addy Osmani

Smashing Magazine

Using responsive images is a key part of delivering fully responsive web design. Twitter’s Image Pipeline (Case Study). +. This case study focuses on the different steps that Twitter has taken to load images faster while ensuring they are as impactful as intended. Designed by Espen Brunborg and Nadia Snopek.

Media 93
article thumbnail

Designing For Micro-Moments

Smashing Magazine

Designing For Micro-Moments. Designing For Micro-Moments. A couple of years ago, Google announced a new mobile-first initiative it wanted web designers and marketers to pick up on. In Myriam Jessier’s " Things Designers Should Know About SEO In 2018 ", she sums up Google’s four micro-moments: “I want to know.”. “I

Design 62
article thumbnail

Getting started with web performance? Here's what you need to focus on.

Speed Curve

A while back, our friends at Shopify published this great case study , showing how they optimized one of their newer themes from the ground up – and how they worked to keep it fast. Build a performance culture that embraces collaboration between design and dev. Speed Index (synthetic only): 4 seconds recommended.

article thumbnail

Modern Methods For Improving Drupal’s Largest Contentful Paint Core Web Vital

Smashing Magazine

That’s practically an eternity when talking about page speed performance. Meet Touch Design for Mobile Interfaces , Steven Hoober’s brand-new guide on designing for mobile with proven, universal, human-centric guidelines. 400 pages , jam-packed with in-depth user research and best practices.

Media 73
article thumbnail

Don’t Sink Your Website With Third Parties

Smashing Magazine

You’ve spent months putting together a great website design, crowd-pleasing content, and a business plan to bring it all together. You’ve focused on making the web design responsive to ensure that the widest audience of visitors can access your content. You’ve agonized over design patterns and usability. Ken Harker.

Website 131