Smashing Magazine

JULY 18, 2022

You are now “Head of Performance” at Repairing Magazine, the most serious competitor to Smashing Magazine. Repairing Magazine has a very peculiar business model. Your job for today is to implement this feature with the best possible performances. Static Rendering Gives The Best Performances But Is Less Flexible.

Cache 114

Cache Website Energy Servers 114

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. Rachel Andrew.

Performance 89

Performance Education Google Website 89

Brendan Gregg

FEBRUARY 28, 2023

At USENIX SREcon22 APAC I gave the opening keynote on the future of computer performance, rounding up the latest developments and making predictions of where I see things heading. This talk originated from my updates to Systems Performance 2nd Edition , and this was the first time I've given this talk in person!

Performance 52

Performance Latency Cache Virtualization 52

Smashing Magazine

APRIL 13, 2020

Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography. Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography. Inspired Design Decisions: Avaunt Magazine. Inspired Design Decisions: Pressing Matters.

Design 116

Design Media C++ Technology 116

Smashing Magazine

JUNE 3, 2022

Measuring The Performance Of Typefaces For Users (Part 1). Measuring The Performance Of Typefaces For Users (Part 1). How well does a typeface work and perform against another similar typeface? How good is a new typeface, and how good is it compared to a similar typeface designed in previous years? Thomas Bohm.

Performance 110

Performance Design Best Practices Testing 110

Smashing Magazine

OCTOBER 15, 2021

Tips And Tricks For Evaluating UX/UI Designers. Tips And Tricks For Evaluating UX/UI Designers. When a company’s digital representation lacks a dedicated UX/UI design team, it can be hard to produce something that stands out from the crowd. That’s why you need a good UI/UX designer. Nataliya Sambir. And vice versa.

Design 113

Design Website Efficiency Games 113

Smashing Magazine

JUNE 26, 2020

Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form. Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form. With one or two occasional exceptions, I’ve spent the past twenty-two years designing for countless clients. I know many designers who work in-house.

Design 94

Design Media C++ Energy 94

Smashing Magazine

JUNE 10, 2022

Measuring The Performance Of Typefaces For Users (Part 2). Measuring The Performance Of Typefaces For Users (Part 2). We saw how important it is to keep the typographic design parameters and variables the same to get a more accurate result while testing different typefaces. Thomas Bohm. 2022-06-10T08:00:00+00:00. Don’t worry!

Performance 94

Performance Design Speed Testing 94

Smashing Magazine

JUNE 26, 2019

What Web Designers Can Do To Speed Up Mobile Websites. What Web Designers Can Do To Speed Up Mobile Websites. I recently wrote a blog post for a web designer client about page speed and why it matters. However, their focus has always been on making a great-looking and effective design. Suzanne Scacca. Minification.

Website 110

Website Speed Mobile Design 110

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

DECEMBER 2, 2021

Advent Calendars For Web Designers And Developers (December 2021 Edition). Advent Calendars For Web Designers And Developers (December 2021 Edition). It doesn’t really matter if you’re a front-end dev, UX designer or content strategist, we’re certain you’ll find at least something to inspire you for the upcoming year.

Design 107

Design Development Programming Website 107

Smashing Magazine

SEPTEMBER 23, 2021

Free Online Workshop: Frustrating Design Patterns And How To Fix Them. Free Online Workshop: Frustrating Design Patterns And How To Fix Them. Join us for a free online workshop on Frustrating Design Patterns on Monday, September 27 at 9:00 AM PDT / 6PM CET. Vitaly Friedman. 2021-09-24T06:50:00+00:00. 2021-09-24T10:06:13+00:00.

Design 79

Design Mobile Website Performance 79

Smashing Magazine

MAY 25, 2021

Font loading has long been a bugbear of web performance, and there really are no good choices here. The thinking here was that it was better for performance to display the text as quickly as you can , even if it’s in the fallback font, and then to swap the font in when it finally downloads. Barry Pollard. 2021-05-25T09:30:00+00:00.

Operating System 143

Operating System Google Website Cache 143

Smashing Magazine

NOVEMBER 16, 2021

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober. Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober. Touch Design for Mobile Interfaces presents and shares real information on hardware, people, interactions, and environments. Cover design by Espen Brunborg.

Mobile 87

Mobile Design Best Practices Website 87

Smashing Magazine

MAY 9, 2022

Performance Game Changer: Browser Back/Forward Cache. Performance Game Changer: Browser Back/Forward Cache. Ensuring your website caches most of its assets for future uses has long been touted as essential for web performance. Barry Pollard. 2022-05-09T10:30:00+00:00. 2022-05-09T17:34:14+00:00. More after jump!

Cache 91

Cache Games Performance Website 91

Smashing Magazine

AUGUST 4, 2021

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.

Open Source 138

Open Source C++ Google Website 138

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

NOVEMBER 9, 2021

To do that, you develop a personalized design style, including a certain combination of colors, typography, spacing, animations, and others, and apply the style consistently throughout your site. An example in case is this same website, Smashing Magazine. What about images? It makes more sense to automate this task.

Website 103

Website Social Media Media Design 103

Rigor

JUNE 12, 2019

“The Best in Performance” video series from Rigor gives you the chance to eavesdrop on conversations with web performance industry experts, thought leaders, and technologists. Listen in as they talk about current trends, challenges, and lessons that impact the APM and performance space today. Building a culture of performance.

Performance 72

Performance Social Media Internet Internet 72

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

Smashing Magazine

SEPTEMBER 22, 2021

Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet. Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet. There are plenty of ways to detect performance bottlenecks and audit CSS. On design systems, CSS/JS and UX. Vitaly Friedman. 2021-09-22T15:00:00+00:00. The tool in action.

Performance 115

Performance Website Engineering Design 115

Smashing Magazine

SEPTEMBER 28, 2022

Five Data-Loading Patterns To Improve Frontend Performance. Five Data-Loading Patterns To Improve Frontend Performance. When it comes to performance, you shouldn’t be stingy. On design systems, UX, web performance and CSS/JS. Agustinus Theodorus. 2022-09-27T14:00:00+00:00. 2022-09-27T16:33:12+00:00.

Cache 125

Cache Performance Servers Social Media 125

Smashing Magazine

FEBRUARY 22, 2023

This is certainly frustrating for a website’s user, but even more so for its owner: in fact, there is a direct correlation between web performance and business revenue which has been corroborated time and again in a plethora of case studies. As developers, optimizing web performance must therefore be an integral part of our value proposition.

Website 108

Website Performance Ecommerce Technology 108

Smashing Magazine

DECEMBER 7, 2023

If you’re reading this before March 2024 and fire up your favorite performance monitoring tool, you’re going to to get a Core Web Vitals report like this one pulled from PageSpeed Insights: ( Large preview ) You’re likely used to seeing most of these metrics. That’s what this article is all about.

Traffic 94

Traffic Metrics Google Monitoring 94

Smashing Magazine

MAY 12, 2022

How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks. How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks. In particular, the increase in the amount of downloaded JavaScript can have a direct impact on website performance. Dan Shappir. 2022-05-12T09:30:00+00:00.

Google 127

Google Performance Website Mobile 127

Smashing Magazine

AUGUST 10, 2023

Large preview ) I don’t know about you, but it often feels like I’m missing something when measuring page speed performance. Certain tools are designed for certain metrics with certain assumptions that produce certain results. Not the best way to get a high-level view of performance. Lighthouse results.

Speed 81

Speed Monitoring Testing Network 81

Smashing Magazine

MARCH 19, 2021

In fact, we had to look into various cases for the form design: What happens when no data is provided at all? Given that a vast majority of our readers — wonderful people like you — are using autofill, it’s worth spending time designing an experience around it. We were busy not only with performance and UX optimizations though.

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

JANUARY 15, 2019

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. In 2013, A List Apart published Sustainable Web Design by James Christie. Sustainable Web Design. In 2016, O’Reilly published “ Designing For Sustainability ” by Tim Frick. Jack Lenox.

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

JULY 20, 2022

While many developers spend time optimizing other areas of a web page’s performance, reducing the size of images can have a bigger impact on performance than all other areas combined. You might already know that Smashing Magazine has published the book Image Optimization by Addy Osmani, which covers this topic in full detail.

Media 134

Media Programming Mobile Website 134

KeyCDN

OCTOBER 2, 2018

Codrops Codrops features blogs with topics ranging from UI design and page animations to image formatting and general JavaScript practices. Its videos and blog articles address issues such as web performance, extensible component development and the intersection of CSS with other technologies, like HTML and JavaScript. Visit website 3.

Development 75

Development Website Design Code 75

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

MARCH 7, 2022

In my last article , I suggested using the SaveData API to deliver a different, more performant, experience to users that expressed that desire. Approximately two-thirds of Indian mobile Chrome users of Smashing Magazine have this setting turned on, for example. For Smashing Magazine, that involved dropping some of our web fonts.

Website 103

Website Media Mobile Network 103

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. Before delving into details about code-splitting, let’s quickly remind ourselves what makes JavaScript so impactful on overall performance. On design systems, CSS/JS and UX. Performance Costs.

Code 89

Code Performance Network Website 89

Smashing Magazine

JUNE 9, 2022

As a result, users can enjoy more capable and feature-rich applications that remain performant through techniques like code-splitting, caching, prefetching, and other resource optimization techniques — with some applications that are even able to work offline. On design systems, UX, web performance and CSS/JS.

Code 109

Code Processing Cache Development 109

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

Smashing Magazine

JUNE 20, 2019

Optimizing Google Fonts Performance. Optimizing Google Fonts Performance. The Google Fonts API does more than just provide the font files to the browser, it also performs a smart check to see how it can deliver the files in the most optimized format. Danny Cooper. 2019-06-20T11:00:16+02:00. 2019-06-20T10:35:07+00:00.

Google 111

Google Performance Cache Website 111

Smashing Magazine

AUGUST 15, 2023

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. Similar to accessibility, I find the biggest obstacle to making web performance better is indifference. “

Media 73

Media Metrics Mobile Best Practices 73