Smashing Magazine

AUGUST 3, 2023

These pages serve as a pivotal tool in our digital marketing strategy, not only providing valuable information about our services but also designed to be easily discoverable through search engines. While paid marketing strategies like Google Ads play a part in our approach as well, enhancing our organic traffic remains a major priority.

Performance 74

Performance Cache Traffic Metrics 74

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

JANUARY 21, 2021

The build process on its own has become quite a beast over time as well, with critical CSS injects, Webpack’s code splitting, dynamic inserts of advertising and feature panels, RSS (re)generation, and eventual A/B testing on the edge. So we looked into options on automating this process as a part of the build routine.

Performance 145

Performance Cache Mobile Network 145

Rigor

JUNE 12, 2019

As she focused on UX strategy, design patterns for responsive websites, and mobile-first design, she quickly realized that it’s critical to create a culture that prioritizes web performance. Gringaus notes that in the past, performance was something that was thought about toward the end of the process of developing a site. Conclusion.

Performance 72

Performance Social Media Internet Internet 72

Smashing Magazine

OCTOBER 24, 2023

Let’s look at it for a site that’s much “heavier” than Smashing Magazine. FID looks at the time the user sparks an interaction and how long the browser processes — or responds to — that input. But does it need to be available immediately ? You can see that Lighthouse does indeed provide that metric. Probably not.

Google 90

Google Analytics Traffic Metrics 90

Smashing Magazine

OCTOBER 16, 2023

In Part 1 , we discussed various strategies and techniques for handling images, video, and audio in a Gatsby project. You can write content in Markdown, parse it into your GraphQL data layer, source it into your components, and then bundle it as HTML static files during the build process. The disadvantage?

Media 87

Media Website Availability Design 87

Smashing Magazine

JANUARY 11, 2021

Micro-optimizations are great for keeping performance on track, but it’s critical to have clearly defined targets in mind — measurable goals that would influence any decisions made throughout the process. Performance Budgets, Pragmatically shows you a strategy to achieve that. Establish a performance culture. Large preview ).

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

SEPTEMBER 20, 2021

They all generally are instrumented as JavaScript processes that are loaded onto your site’s web pages through a tag or snippet of loader code. Typically, these would be pages that might no longer be available on the site but are available in third-party archives. Further Reading on Smashing Magazine. Conclusion.

Website 89

Website Analytics Google Cache 89

Smashing Magazine

NOVEMBER 16, 2021

Chapter 8 covers the issues around imprecision and probability and shows how we need to design systems, interactions, and processes that prevent mistakes — especially avoiding catastrophe when mistaken taps are made. From these resources we can start building a reference library of how to pursue each aspect of the design process.

Mobile 87

Mobile Design Best Practices Website 87

Smashing Magazine

SEPTEMBER 9, 2021

The client is first served the cached statically generated page (generated with getStaticProps() ), in the background the server also begins the process of revalidating that page (read more here ). This process feels fast for the client and they can now see the set of data, however it may be a touch out of date. Using SWR With Next.js

Cache 102

Cache Internet Internet Servers 102

Smashing Magazine

SEPTEMBER 3, 2019

All this process sounds like a bit too much, right? Managing and automating software deployment involves both tools and processes. Adhering to these strategies has several benefits. And because the whole process is fully automated, the team can save time and focus on the code, thus improving the quality of the product.

Website 82

Website Serverless AWS Lambda 82

Smashing Magazine

JANUARY 7, 2019

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like? Also, as Patrick Meenan suggested, it’s worth to plan out a loading sequence and trade-offs during the design process.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JANUARY 6, 2020

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like? Also, as Patrick Meenan suggested, it’s worth to plan out a loading sequence and trade-offs during the design process.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

AUGUST 30, 2018

I am assuming some basic knowledge of the design process and UX research, but I’ll provide plenty of practical examples and reference links to help with any terms and concepts you might be unfamiliar with. Competitive Analysis, Service Design Cycle, Five-Stages Design Process. The five-stages design process.

Google 59

Google Design Strategy Website 59

Smashing Magazine

JUNE 25, 2020

Today, we’ll address storing and serving files for both single-server and scalable deployments while considering factors like compression, caching, and availability. This strategy is very simple and closely resembles the development environment, but cannot handle large or inconsistent amounts of traffic effectively.

Media 69

Media Cache Storage AWS 69

Smashing Magazine

OCTOBER 15, 2021

The reason we pay so much attention to design (as we do to any other detail in the process of project completion) is that it plays one of the crucial roles in your business success. When it comes to the decision-making process, many businesses make the same mistake over and over again. Skill Sets For Evaluation.

Design 113

Design Website Efficiency Games 113

Smashing Magazine

JUNE 26, 2019

As a result, she came back to me concerned with publishing a post on a strategy her agency had yet to adopt successfully. Let the web developer handle all of the necessary speed optimizations like caching and file minification while you take on the following design tips and strategies: 1. She was torn though. Host Fonts From A CDN.

Website 110

Website Speed Mobile Design 110

Smashing Magazine

JANUARY 7, 2022

Or let’s say that you’ve been getting numerous complaints regarding your onboarding/setup process for your product. When the work is ready to begin they go through an epic batching process to determine the more realistic scope of the work and what’s a feasible solution within the timeframe defined by the rough estimates. Pesky nails!

Design 92

Design Logistics Strategy Benchmarking 92

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. The browser process consists of knowing the device width, checking the sizes attribute, and then choosing from the srcset images the one that has that width. Large preview ). The Relation Between Images And Web Performance. Defining Width And Height From Storyblok.

Media 105

Media Cache Website Mobile 105

Smashing Magazine

JUNE 1, 2022

In this article, we will review what third-party resource requests are, consider how impactful they can be to the user experience, and discuss common optimization strategies to reduce the impact on the user experience. Any JavaScript resource that blocks other resources from being requested until its processing is completed is a concern.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

APRIL 28, 2021

Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Packed with useful tips and techniques , the book has a sharp focus on practical application and longevity of your image optimization strategies. The eBook is available right away (PDF, ePUB, Amazon Kindle).

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

MAY 16, 2022

By stepping back and realizing that the fields available have no special bindings to particular types of data, we can see that this technique is also an effective delivery mechanism for any arbitrary data allowing lots of interesting possibilities. In this case, we can’t expect each layer could/should process and inject HTML content.

Servers 92

Servers Monitoring Cache Network 92

Smashing Magazine

NOVEMBER 2, 2021

But this “look” is now available in browsers. Push notifications are crucial for a strong customer retention strategy, as friendly non-irritating reminders can bring clients back into the funnel. So, it’s up to you whether to include push notifications in your marketing strategy or not. Do people use push notifications?

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

OCTOBER 27, 2021

However, conducting online experiments is a fairly inexpensive way to develop better websites, apps, services, and strategies and make decisions not based on intuition, but on scientific data. The metrics available in eye-tracking can vary from tool to tool. How To Conduct An Eye-Tracking Study. Online Shopping.

Mobile 111

Mobile Website Hardware Social Media 111

Smashing Magazine

JUNE 8, 2021

Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Packed with useful tips and techniques , the book has a sharp focus on practical application and longevity of your image optimization strategies. eBook is available, too as PDF, ePUB, and Amazon Kindle.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

JUNE 20, 2019

Due to the high-quality standard of Google Fonts, many of the font families contain the full spectrum of available font-weights: Thin (100). The problem with these additional requests is that the browser won’t begin the processes to make them until the first request to [link] is complete. Large preview ). Exclude Variants. Light (300).

Google 111

Google Performance Cache Website 111

Smashing Magazine

AUGUST 20, 2021

Now there’s a massive range of Jamstack CMSs available, which bring all the advantages of static sites while allowing non-technical folk to update content. I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. Smashing Magazine powered by Netlify. MovableType really was before its time.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

OCTOBER 22, 2019

This will require you to update your image optimization strategy and adopt a tool called ImageKit , but it shouldn’t take much work from you to get this new system in place. The Necessity Of An Image Optimization Strategy For Mobile. That said, if you have the right image optimization strategy in place, this can easily be remedied.

Mobile 62

Mobile Media Website Storage 62

Smashing Magazine

SEPTEMBER 27, 2021

However, end-to-end testing does have some pitfalls that are cause for concern: End-to-end tests are slow and, thus, pose a significant hurdle in every continuous integration and continuous deployment (CI/CD) strategy. Cypress’ test runner is open-source, so it fits our product strategy. Tests are written in JavaScript.

Testing 135

Testing Website Code Efficiency 135

Smashing Magazine

DECEMBER 22, 2021

You’ll find psychology heuristics just like tips for building a winning UX strategy , dive deep into user research and UX writing , and explore real-world examples — good and bad — from which you can learn to create experiences that truly matter. The right tools at the right time, help streamline the design process.

Airlines 128

Airlines Mobile Design Strategy 128

Smashing Magazine

JULY 29, 2019

Perhaps this isn’t the fairest of tests; I was taken to the sign-in page, upon which an asynchronous process found I was logged into Facebook and logged me in automatically. This is possible by setting up a service worker with a good caching strategy so that cached pages can be re-accessed offline. MB of data. Large preview ).

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

OCTOBER 28, 2021

So, in essence, it’s a way to automate the tedious process of hitting ‘copy’ and then ‘paste’ 200 times. But first of all, I’d like to make something clear right now — while the act of scraping publicly available data is legal, Amazon has some measures to prevent it on their pages. You’re about to find out! Large preview ).

Website 115

Website Code Retail Best Practices 115

Smashing Magazine

JULY 19, 2021

Let’s take a look at what some of these testing strategies look like in practice. If I’m writing an end-to-end test, I would capture that entire process, i.e. from finding a product on a product listing page to paying for that item. Available Solutions For Visual Testing. Unit Testing. cy.visit('/products'); cy.get('.product

Testing 141

Testing Code Design Strategy 141

Smashing Magazine

JULY 13, 2021

Define The Migration Strategy. But we should also evaluate how the migration process will be accomplished since our application is working and being used, and we don’t want to affect it (or, at least, affect it as little as possible). It bases the migration process in two main components: Microservices and Web Components.

Serverless 111

Serverless Code Website Servers 111

Smashing Magazine

JULY 12, 2021

There is also the matter of convincing the management or project stakeholders to invest the time and resources into the refactoring process. For example, the client is in process of rebranding and the website needs to be updated with a new design and revamped content. Incremental and flexible process. Large preview ).

Best Practices 145

Best Practices Website Architecture Media 145

Smashing Magazine

JULY 9, 2021

To humanize the decision-making process and get executives and colleagues on board by showing them what struggles are faced on a daily basis by disabled users using inaccessible products. Automated testing of the product wherever possible that fits the strategy of the departments when it comes time to release new features or changes.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

AUGUST 19, 2021

Ethics are an important part of human-computer interaction because they keep people at the heart of the design process. For example, try and recall the last time your team’s processes were audited for compliance against the company’s ethical standards. As UX practitioners, we know empathy is an important part of the design process.

Code 137

Code Design Education Government 137