Smashing Magazine

JULY 1, 2021

Traps in this area can be caused by following best practices that are not suitable for tests. This can occur for various reasons, but it usually happens when you try to take an easy, seemingly convenient shortcut, disregarding testing best practices. Testing Best Practices ,” Yoni Goldberg. Major Takeaways.

Testing 121

Testing Best Practices Code Design 121

Smashing Magazine

JUNE 8, 2021

To be effective, all these images need to be carefully orchestrated to appear on the screen fast — but as it turns out, loading images efficiently at scale isn’t a project for a quiet afternoon. Keeping this efficient helps ensure a good user experience. Image Decoding Performance. +. Measuring Image Performance. +. ePUB, Kindle, PDF.

Media 106

Media Cache Google Best Practices 106

Smashing Magazine

APRIL 28, 2021

To be effective, all these images need to be carefully orchestrated to appear on the screen fast — but as it turns out, loading images efficiently at scale isn’t a project for a quiet afternoon. Keeping this efficient helps ensure a good user experience. Just think about landing pages and product photos, feature panels and hero areas.

Media 93

Media Cache Google Best Practices 93

Smashing Magazine

JUNE 10, 2022

Description: The most efficient typefaces with the best ratio of x-height and cap-height seem to be Wayfinding Sans Pro and Johnston Underground with an x-height between 67% to 69% of the cap height. Measurement: Accuracy and efficiency of users’ actions. Further Reading on Smashing Magazine. Maybe blood pressure testing.

Performance 95

Performance Design Speed Testing 95

Smashing Magazine

OCTOBER 12, 2021

When testing new components, it’s already best practice to fork or branch the code , and this new branch may be published into a test environment within UXPin. Let’s build stronger relationships across our teams, reduce our workload and work more efficiently. After all, we all want to be agile and as adoptive as possible.

Design 110

Design Development Testing Processing 110

Smashing Magazine

DECEMBER 22, 2021

The Ultimate Guide to UX Research shares tips and best practices from leading industry experts. In many ways, keeping buttons active and communicating errors is more efficient. But how do you tackle the task and integrate a UX research process into your team’s workflow?

Airlines 129

Airlines Mobile Design Strategy 129

Smashing Magazine

JANUARY 15, 2019

In this screenshot below, for example, we can see that loading the Smashing Magazine website for the first time incurs just under a megabyte of data transfer. I predominantly use Nginx, and I have a particular fondness for FastCGI cache and have found it to be especially efficient. Large preview ).

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

SEPTEMBER 29, 2021

Users appreciate high-quality visuals, but care needs to be taken to deliver those hero images, product photos and cat memes as efficiently and effectively as possible. The efficiency of a codec can be mainly measured by how much compression it can achieve. Images are the most popular resource type on the web and are often the largest.

Open Source 144

Open Source Speed Website Google 144

Smashing Magazine

JULY 2, 2021

It is recommended to follow rules and best practices of building and sending emails. In this article, we’ll explain how a proper email testing workflow can help you improve email sending efficiency. It’s efficient to cover this part of your app functionality with automated tests — perform user acceptance testing.

Testing 110

Testing Servers Social Media Automotive 110

Smashing Magazine

MAY 5, 2021

Since our database contains a large amount of data for every page, we need to aggregate it efficiently and send something small and thin to the clients. It is best practice to assume many real-world users won’t be using an iPhone 12, but rather a mid-level device on a mid-level network.

Google 111

Google Architecture Servers Speed 111

Smashing Magazine

JULY 9, 2021

Testing procedures should be implemented so that departments do their jobs well and do them efficiently, especially QA and developers. Best Practices For Maintaining Accessibility. Documenting guidelines for your organization is as simple as creating a set of accessibility guidelines.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

JULY 8, 2021

This method of modularization allows for efficient program development and easy debugging and modification in our application. Best Practices When Writing Custom Directives. It is considered best practice not to directly access a state object. This is the virtual node of Vue.js. userData.store.js.

Speed 133

Speed Processing Development Code 133

Smashing Magazine

JANUARY 7, 2019

From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). From Fast By Default: Modern Loading Best Practices by Addy Osmani (Slides 18, 19). In exchange, your team gains maintainability and developer efficiency, of course. Image source: Katie Hempenius ) ( Large preview ).

Performance 104

Performance Cache Network Metrics 104

Smashing Magazine

SEPTEMBER 6, 2021

You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. This is because, as I stated in the introduction to part 1 , much of the early HTTP/2 content was overly optimistic about how well it would work in practice, and some of it, quite frankly, had major mistakes and bad advice.

Network 105

Network Servers Cache Traffic 105

Smashing Magazine

AUGUST 12, 2021

With over 700 device mock-ups scenes, Mockuuups Studio helps you create mockups for products, visual content, or marketing materials with ease and efficiency. Luis Ouriach published a helpful best-practice guide for structuring your frames in Figma — with consistent naming conventions, descriptive components, and consistent spacing.

Google 145

Google Design Code Mobile 145

Smashing Magazine

NOVEMBER 30, 2021

We last talked to him in July 2020 , where we asked if modern best practices about for the web. Last time we talked, we posed this question of if modern best practices, the use of reactive frameworks and these sorts of things were actually bad for the progress of the web. Drew: You want it to remain unspoiled.

Technology 94

Technology Technology Servers Code 94

Smashing Magazine

AUGUST 3, 2023

This is why the async and deferred attributes are crucial, as they ensure an efficient, seamless web browsing experience. It also reports on mobile usability, security, and best practices such as HTTPS. LCP seconds over time. 79% good page experience report.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

NOVEMBER 12, 2021

Thankfully, hooks solved all the problems simply and efficiently while creating room for more interesting features in React. The plugin provides useful warnings and hints on the best practices. This may be necessary to prevent memory leaks and make the application more efficient. Cleaning Up The Effect.

Code 118

Code Availability Efficiency Performance 118

Smashing Magazine

JANUARY 6, 2020

From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). In exchange, your team gains maintainability and developer efficiency, of course. A sample output by imaging-heap , a command line tool that measure the efficiency across viewport sizes and device pixel ratios. Image source ) ( Large preview ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

FEBRUARY 2, 2022

In this article, we’re going to cover code-splitting best practices and showcase some examples using React, so we load the minimum JavaScript necessary to render a page and dynamically load sizeable non-critical bundles. This automatization often leads developers to treat a framework and build tools as a black box.

Code 89

Code Performance Network Website 89

Smashing Magazine

JULY 20, 2021

So they won’t have to involve the development team in this process and can do their work more efficiently. Connecting these two things, a Headless CMS and a static site builder are considered as a set of web development best practices focused on providing the highest performance, security and lowest cost.

Website 142

Website Architecture Technology Technology 142

Smashing Magazine

AUGUST 22, 2021

One aspect of performance is about how efficiently a transport protocol can use a network’s full (physical) bandwidth (i.e. As such, one best practice or optimization can end up undoing another. Additionally, QUIC enforces security and privacy best practices in the background, which benefit all users everywhere.

Performance 106

Performance Network Latency Servers 106

Smashing Magazine

APRIL 29, 2021

I’ll be covering image optimization in more depth in Smashing Magazine’s new book on Image Optimization. Use srcset + efficient modern image formats. now includes an Image component with several of the above best practices baked in. Avoid wasting pixels (compress, don’t serve overly high DPR images). Image Component.

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

AUGUST 9, 2021

QUIC is needed because TCP, which has been around since the early days of the Internet, was not really built with maximum efficiency in mind. It combines decades of deployment experience and best practices of TCP with some core new features. For example, TCP requires a “ handshake ” to set up a new connection.

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

JANUARY 11, 2021

From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). On top of that, with Elena Kirilenko’s research , we can achieve fast and efficient Brotli recompression using previous compression artifacts. On Smashing Magazine, we could measure 19-32% improvement , too. Large preview ). Not good enough?

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JUNE 28, 2021

There’s accessibility, best practices, performance and one fourth one. But then you have to make multiple API requests to make it efficient. It’s quite often that you’ll see high scores and everything. I just tweeted today about how the book’s homepage has three out of the four Lighthouse scores. I’m not thinking right now.

Website 62

Website Design Open Source Software 62