Smashing Magazine

JANUARY 21, 2021

How We Improved SmashingMag Performance. How We Improved SmashingMag Performance. Every web performance story is similar, isn’t it? It always starts with the long-awaited website overhaul. While performance has been our goal for almost a decade now , we never really had a dedicated performance team.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

OCTOBER 11, 2022

Making performance improvements to a client’s site could result in happier clients who send more business our way. Businesses that achieve BCorp status can benefit (according to the website) from “committed and motivated employees, increased customer loyalty, higher levels of innovation, and market leadership”. The Bigger Picture.

Strategy 123

Strategy Development Energy Website 123

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. Jump to online workshops ?.

Code 89

Code Performance Network Website 89

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. Rick Byers.

Performance 89

Performance Education Google Website 89

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

JUNE 25, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?. They are visiting various websites, looking for a course that grabs their attention.

Education 83

Education Website Google Design 83

Tasktop

OCTOBER 28, 2020

An online investment firm discovering a system bottleneck impeding digital channel innovation , t he remarkable success that organizations are witnessing with flow-based value stream metrics provides an exciting glimpse of what’s possible. Learn more about becoming a high-performing tech company on The Flow Institute website.

Healthcare 90

Healthcare Innovation Government Best Practices 90

Smashing Magazine

OCTOBER 15, 2021

It may seem enchanting how well-designed apps or websites can boost your sales, but it takes far more than a handful of fairy dust to make users enjoy their interactions. That happens when your app/website/system is efficient. On design systems, CSS/JS and UX. Jump to online workshops ?. And vice versa.

Design 113

Design Website Efficiency Games 113

Smashing Magazine

MAY 23, 2022

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, UX, web performance and CSS/JS. Jump to online workshops ?. Render Performance Optimization. More after jump! counter-reset.

Media 140

Media Tuning Design Website 140

Smashing Magazine

JUNE 2, 2021

Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and smart interface design patterns. Jump to online workshops ?. With Lea Verou, Brad Frost, Stephanie Eckles and so many others. Check Fallback Elements.

Media 125

Media Metrics Website Google 125

Smashing Magazine

NOVEMBER 29, 2021

Although this isn’t something I’d look to drop on a website any time soon, it’s a neat little challenge to make. It’s worth noting that the performance of this demo is affected by the grid size and the demos are best viewed in Chromium-based browsers. On design systems, CSS/JS and UX. Jump to online workshops ?.

Games 107

Games Website Performance Design 107

Smashing Magazine

AUGUST 30, 2021

Refactoring CSS: Optimizing Size And Performance (Part 3). Refactoring CSS: Optimizing Size And Performance (Part 3). Deploying the refactored codebase shouldn’t result in worse website performance and worse user experience. After all, users won’t wait around forever for the website to load. Adrian Bece.

Media 108

Media Performance Cache Strategy 108

Smashing Magazine

SEPTEMBER 16, 2021

That also means answering this other question: “How can one evaluate, manage and guarantee the quality of a website?” When delving into the concept of website quality assurance back in 2001, we started with a simple question: “What does quality mean for the users?”. On design systems, CSS/JS and UX. More after jump!

Automotive 138

Automotive Website Social Media Design 138

Smashing Magazine

AUGUST 20, 2021

The world’s first website was made from static HTML files created in a text editor. Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. Mike Neumegen. released 1998.

Ecommerce 139

Ecommerce Website Government Internet 139

The Symphonia

MARCH 14, 2018

There isn’t too much validation performed by AWS, as far as I can tell, on SAR apps. When using the SAR search console for production apps in a data sensitive context, you may, instead, want to only use direct links to SAR applications from an external website?—? an excellent tool for rapid development of systems.

Serverless 40

Serverless AWS Lambda Open Source 40

Dynatrace

AUGUST 5, 2019

For a recent technical workshop I did with one of our strategic cloud partners, I created a deck that aims to answer exactly this question. Remember: This is a critical aspect as you do not want to migrate a service and suddenly introduce high latency or costs to a system that you forgot about having a dependency with!

Cloud 31

Cloud Traffic Database Network 31

Smashing Magazine

JULY 12, 2021

CSS is a simple stylesheet language for defining a website or document’s presentation. This CSS is usually render-blocking , so the browser won’t even render the website content until it has finished downloading and parsing the CSS file, resulting in a poor UX and performance on slower or unreliable networks. Adrian Bece.

Best Practices 145

Best Practices Website Architecture Media 145

Smashing Magazine

JULY 2, 2021

In his upcoming online workshop The TypeScript Masterclass , Stefan Baumgartner will dive into type systems and how to use them well when writing JavaScript. Jump to the workshop ?. Their purpose, sending method, and performance vary, and so should the testing flow. Online, and live. August 5–19, 2021. Spam checks.

Testing 109

Testing Servers Social Media Automotive 109

Smashing Magazine

JULY 9, 2021

These are just a couple of examples of what disabled users face daily when they try and access a website that is inaccessible. Practicing accessibility in your workflows and methodologies ensures people — disabled or not — that they can access your product, your website, and your brands.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

OCTOBER 6, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?. A more recent hot topic in site performance and related metrics is Cumulative Layout Shift (CLS).

Design 145

Design Availability Mobile Website 145

Smashing Magazine

MARCH 2, 2020

Local screen-printing workshops offered affordable flyers and posters. The Face demonstrates how a system for design is the structure on which you start building a design. They add style with almost no impact on performance: main { mask-image: linear-gradient( transparent, rgb(0,0,0) 50%, transparent 100%); }. Large preview ).

Design 101

Design Media Testing Entertainment 101

Smashing Magazine

NOVEMBER 4, 2021

This prevents issues like over-fetching that can impact performance. website to download the latest version. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX.

Cache 114

Cache Servers Transportation Code 114

Smashing Magazine

JULY 8, 2021

In his upcoming online workshop The TypeScript Masterclass , Stefan Baumgartner will dive into type systems and how to use them well when writing JavaScript. Jump to the workshop ?. reactivity system is powerful in a way that it detects things that need updating and updates them without you as the developer doing anything.

Speed 132

Speed Processing Development Code 132

Strategic Tech

JULY 18, 2018

There are thousands of ways we can shape the software systems we build and organise our teams around them. Sociotechnical systems are complex systems formed of complex systems. The products themselves are software systems which grow harder and harder to reason about as they scale and age.

Design 40

Design Architecture Software Architecture Systems 40

Smashing Magazine

JULY 19, 2021

By adding automated visual testing , we can eliminate those flaky tests , leveling up our testing pipelines providing that coverage (and more) by taking advantage of smart image comparisons using screenshots of our website or app. That code wrapping your API requests might perform perfectly with some mocked data. add-to-cart').click();

Testing 141

Testing Code Design Strategy 141

Smashing Magazine

AUGUST 5, 2021

Example: Swedish public transportation website. A wonderful interface of the Swedish public transportation website with a button that’s initially disabled, but becomes accessible once a selection is made. Or perhaps there is no mistake on our end at all, and it’s a system bug that’s absolutely out of our control.

Design 145

Design Transportation Code Systems 145

Smashing Magazine

OCTOBER 22, 2021

Feedback was very positive , with the major concern being — not surprisingly — the real-time performance. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX.

Games 94

Games Servers Database Virtualization 94

Strategic Tech

APRIL 27, 2019

Organisations maximising the advantages provided by microservices tend to be organisations which view microservices not just as a technical tool, but a sociotechnical tool.The way software systems are shaped determines the communication paths and the coupling between development teams. As a consequence, we also have subservient teams?

Software Architecture 58

Software Architecture Architecture Government Design 58

Smashing Magazine

SEPTEMBER 6, 2021

If after the previous two parts — HTTP/3 history and core concepts and HTTP/3 performance features — you’re convinced that starting to use the new protocols is a good idea (and you should be!), HTTP/3 performance features. As discussed in part 2 , in HTTP/2, this multiplexing is steered using its prioritization system.

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

OCTOBER 21, 2021

Websites with a lot of motion might also have a higher impact on the battery life of mobile devices, or cause more data to be used (autoplaying videos, for instance, will require more of a user’s data than a static image). Most new operating systems enable the user to set their motion preferences in their system-level settings.

Media 125

Media Systems Mobile Website 125

The Netflix TechBlog

JANUARY 11, 2022

Our growth team advertises on social media platforms and other websites to share news about upcoming titles and new product features, with the ultimate goal of growing the number of Netflix members worldwide. To understand the validity of our causal claims, we perform sensitivity analyses to evaluate the robustness of our findings.

Innovation 243

Innovation Metrics Engineering Testing 243