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. As a result, she came back to me concerned with publishing a post on a strategy her agency had yet to adopt successfully.

Website 110

Website Speed Mobile Design 110

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

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

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

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

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

DECEMBER 23, 2020

You can find a comprehensive Beginner’s Guide To Progressive Web Apps on Smashing Magazine that focuses on building the core of PWAs. By default, PWAs have greater performance over similar native apps due to their lite nature. Suppose you want to define a custom caching strategy. Adaptive loading illustration by Google.

Cache 123

Cache Internet Internet Google 123

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

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

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

APRIL 21, 2023

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. Web Workers are designed to perform tasks that do not require direct access to the UI, such as data processing, image manipulation, or calculations.

Efficiency 106

Efficiency Code Strategy Network 106

Smashing Magazine

OCTOBER 2, 2023

Definitely read up on the strategy and reasoning behind this stack in the first article if you missed it. I plan on sharing specifically what I learned from performance and accessibility practices as a first-time lead developer of a team , as well as what I wish I had known before we started. Unoptimized, full-size JPEG is around 1.2

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

MARCH 2, 2021

While many of us, designers and developers, are likely to have a relatively new mobile phone in our pockets, a vast majority of our customers isn’t quite like us. WPO stats collects literally hundreds of them — case studies and experiments demonstrating the impact of web performance optimization (WPO) across verticals and goals.

Mobile 133

Mobile Testing Website Benchmarking 133

Smashing Magazine

OCTOBER 24, 2023

The Fight For The Main Thread The Fight For The Main Thread Geoff Graham 2023-10-24T18:00:00+00:00 2023-10-24T22:02:26+00:00 This article is sponsored by SpeedCurve Performance work is one of those things, as they say, that ought to happen in development. But not everything about performance happens directly at the code level, right?

Google 90

Google Analytics Traffic Metrics 90

Smashing Magazine

NOVEMBER 8, 2021

At the limit, statically generated, edge delivered, and HTML-first pages look like the optimal strategy. 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.

Cache 135

Cache Best Practices Strategy Servers 135

Smashing Magazine

JUNE 1, 2022

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

Website Design Network Best Practices 131

Smashing Magazine

NOVEMBER 17, 2022

That is why, today, Web Performance is as important and trendy as having an online presence. Table of Contents: What Is Web Performance? What Is Web Performance? Web performance refers to the speed at which a website loads, how fast it’s downloaded, and how an app is displayed on the user’s browser. Conclusion.

Media 105

Media Cache Website Mobile 105

Smashing Magazine

JUNE 8, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome who was working all around web performance for decades. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Image Decoding Performance. +.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

APRIL 28, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome and focusing around performance for decades. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Image Decoding Performance. +.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

AUGUST 30, 2018

In this article, I will introduce the subject of competitive analysis , which is basically a method to determine how well your competitors are performing. It should be useful if you are new to product design, UX, interaction or digital design, or if you have experience in these fields but have not performed a competitive analysis before.

Google 59

Google Design Strategy Website 59

Smashing Magazine

AUGUST 2, 2021

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2). Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2). In this article, we’ll take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.

Strategy 132

Strategy Testing Best Practices Code 132

Smashing Magazine

OCTOBER 27, 2021

If you are designing an app or a website, you can test how easy and intuitive it is to complete a specific task, fill out a form, find certain information, or buy a product. Before those studies, web pages were designed as printed media, with columns and big blocks of text. Eye-Tracking Evolution. Source: Oculid) ( Large preview ).

Mobile 111

Mobile Website Hardware Social Media 111

Smashing Magazine

OCTOBER 14, 2021

Rob also takes a look at the accessibility and performance implications that shadows bring along, as well as how to animate them. Ahmad’s strategies on achieving the cut-out effect. When designing cards, you might want a border-radius to have a quite sizeable value when there is enough space to display it along with other cards.

Games 144

Games Design Strategy Code 144

Smashing Magazine

JULY 27, 2021

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

Website Design Best Practices Code 142

Smashing Magazine

SEPTEMBER 20, 2021

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Even if none of the page content is delivered from your platform or servers, so long as the JavaScript code you are using for analytics or performance tracking loads, you can still get data about the page view.

Website 89

Website Analytics Google Cache 89

Smashing Magazine

OCTOBER 16, 2023

In Part 1 , we discussed various strategies and techniques for handling images, video, and audio in a Gatsby project. Meet Smashing Email Newsletter with useful tips on front-end, design & UX. It’s an excellent tool to consider when aiming for performance, and it does not require remark ’s plugin ecosystem.

Media 87

Media Website Availability Design 87

Smashing Magazine

AUGUST 5, 2021

Frustrating Design Patterns: Disabled Buttons. Frustrating Design Patterns: Disabled Buttons. After all, as designers and developers, we want to make it more difficult for our users to make mistakes. Part Of: Design Patterns. Vitaly Friedman. 2021-08-05T13:30:00+00:00. 2021-08-05T17:04:11+00:00. Part 1: Perfect Accordion.

Design 145

Design Transportation Code Systems 145

Smashing Magazine

AUGUST 30, 2021

Refactoring CSS: Optimizing Size And Performance (Part 3). Refactoring CSS: Optimizing Size And Performance (Part 3). In previous articles from this series, we’ve covered auditing CSS codebase health and the incremental CSS refactoring strategy , testing, and maintenance. Part 2: CSS Strategy, Regression Testing And Maintenance.

Media 108

Media Performance Cache Strategy 108

Smashing Magazine

OCTOBER 22, 2019

Plus, now that Google has made mobile-first indexing the default, you really can’t afford to let any performance optimizations fall by the wayside what with how difficult it can be to get your mobile site as speedy as your desktop. The Necessity Of An Image Optimization Strategy For Mobile. Here is what this strategy should entail: 1.

Mobile 62

Mobile Media Website Storage 62

Smashing Magazine

NOVEMBER 22, 2021

Improving The Performance Of Wix Websites (Case Study). Improving The Performance Of Wix Websites (Case Study). It was at this point that we realized we needed to make a significant change in our approach towards performance, and that we must embrace performance as part of our culture. Dan Shappir. Large preview ).

Website 126

Website Performance Google Media 126

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. The Design Gives Ground For Utmost Usability. Jump to table of contents ?. Large preview ).

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

JUNE 25, 2020

Instead, like the other articles in the Django Highlights series (see below), it’s intended as a guide for front-end developers and designers to understand other parts of the process of creating a web application. These strategies often involve spinning up and down numerous servers and using tools like load balancers and managed databases.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

AUGUST 20, 2021

I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. Piecing together a website using a WYSIWYG editor and seeing the code it generated was a fascinating and educational experience that sparked an initial interest in web design. Smashing Magazine powered by Netlify. More after jump! Government.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

OCTOBER 16, 2021

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. However, below are some ideas or other mental health improvement strategies that are effective which you can explore. Jump to table of contents ?. The Simple Mental Health Routine For Developers.

Programming 102

Programming Energy Code Processing 102

Smashing Magazine

JUNE 28, 2021

Designing With Code: A Modern Approach To Design. The Rise Of Design Thinking As A Problem Solving Strategy. But for me, I don’t have design sense. A little bit, but I’m not a designer by any means. Drew: It’s an off the shelf design system that you can drop in to build the UI for your project.

Website 62

Website Design Open Source Software 62