Smashing Magazine

OCTOBER 2, 2023

In this second article, I’ll go over some key technical highlights from the project. In the first article, I briefly discussed the technical stack that includes a React-based front-end framework, Next.js Definitely read up on the strategy and reasoning behind this stack in the first article if you missed it.

Cache 72

Cache Strategy Best Practices Design 72

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

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf. I didn't end up getting published in SysAdmin directly, but my performance work did make it as a feature article (thanks Matty). Or even on a plane.

Performance 110

Performance Latency Cache Virtualization 110

Smashing Magazine

AUGUST 30, 2021

In previous articles from this series, we’ve covered auditing CSS codebase health and the incremental CSS refactoring strategy , testing, and maintenance. In this article, we’re going to cover CSS optimization strategies that can optimize CSS file size, loading times, and render performance. On design systems, CSS/JS and UX.

Media 109

Media Performance Cache Strategy 109

Smashing Magazine

NOVEMBER 26, 2021

In this article, we will discuss a few of those techniques as well as some of the things I wish I had known earlier to help manage large Next.js Note : While this article is specific to Next.js, some of the points will also work for a wide variety of front-end applications. This can be reduced by a proper code-review process.

Cache 143

Cache Code Testing Design 143

The Netflix TechBlog

SEPTEMBER 8, 2020

This allows the app to query a list of “paths” in each HTTP request, and get specially formatted JSON (jsonGraph) that we use to cache the data and hydrate the UI. ecosystem was chosen for this new service deserves an article in and of itself. video titles, descriptions) could be aggressively cached and reused across multiple requests.

Latency 233

Latency Cache Java Traffic 233

Smashing Magazine

SEPTEMBER 28, 2022

Every unnecessary bit of JavaScript code you bundle and serve will be more code the client has to load and process. On design systems, UX, web performance and CSS/JS. Active Memory Caching. When you want to get data that you already had quickly, you need to do caching — caching stores data that a user recently retrieved.

Cache 126

Cache Performance Servers Social Media 126

Scalegrid

JANUARY 5, 2024

This article cuts through the complexity to showcase the tangible benefits of DBMS, equipping you with the knowledge to make informed decisions about your data management strategies. It comprises a collection of interrelated data and a set of software tools that aid in the access, processing, and management of data.

Efficiency 147

Efficiency Storage Database Scalability 147

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. However, achieving a good LCP score is often a multi-faceted process that involves optimizing several stages of loading and rendering.

Performance 74

Performance Cache Traffic Metrics 74

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 95

Design Media C++ Energy 95

Smashing Magazine

NOVEMBER 17, 2022

This article is sponsored by Storyblok. As you may already know, image optimization is the process that a high-quality image has to go through to be delivered in ideal conditions, sometimes with the help of an Image Transformation API and a global Content Delivery Network (CDN) to make the process simpler and scalable.

Media 106

Media Cache Website Mobile 106

Smashing Magazine

MAY 16, 2022

For this article, that’s all we’ll need to start exposing the value and leave other more specific articles to go deeper. There are a handful of different entry subtypes but, for the scope of this article, we will be concerned with the PerformanceResourceTiming and PerformanceNavigationTiming subtypes. More after jump!

Servers 93

Servers Monitoring Cache Network 93

CSS - Tricks

APRIL 1, 2021

In that spirit, what we’re looking at in this article is focused more on the incremental wins and less on providing an exhaustive list or checklist of performance strategies. I’m going to audit the performance of my slow site before and after the things we tackle in this article. Compressing, minifying and caching assets.

Cache 92

Cache Social Media Media Network 92

Smashing Magazine

NOVEMBER 4, 2021

In this article, we’re going to learn how to handle real-time updates on the client-side using GraphQL. We’ll be learning how to do this with GraphQL Features like Cache Update, Subscriptions, and Optimistic UI. On design systems, CSS/JS and UX. Updating the cache directly using update function on the useMutation.

Cache 115

Cache Servers Transportation Code 115

Smashing Magazine

JANUARY 11, 2021

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Looking back now, things seem to have changed quite significantly. Establish a performance culture.

Performance 145

Performance Cache Media Metrics 145

Percona

SEPTEMBER 1, 2023

A finely tuned database processes queries more efficiently, leading to swifter results. These issues often arise from suboptimal query design, missing or ineffective indexes, or dealing with large datasets. This reduction in latency ensures that applications and websites provide a more rapid and responsive user experience.

Tuning 52

Tuning Database Performance Hardware 52

Smashing Magazine

DECEMBER 23, 2020

The service workers enable the offline usage of the PWA by fetching cached data or informing the user about the absence of an Internet connection. When developing a PWA, you can cache the application shell’s resources and assets in the browser. Cached content with IndexedDB. Cache first, then network. Service Workers.

Cache 124

Cache Internet Internet Google 124

Percona

MAY 1, 2023

Schema design: Evaluating the database schema design and making adjustments such as partitioning large tables, eliminating redundant data, and denormalizing tables for frequently accessed information can improve performance. This parameter sets how much dedicated memory will be used by PostgreSQL for the cache.

Tuning 52

Tuning Efficiency Database Performance 52

CSS Wizardry

NOVEMBER 9, 2018

While this strategy is effective, it’s not simple: highly dynamic sites can be difficult to extract styles from, the process needs to be automated, we have to make assumptions about what above the fold even is, it’s hard to capture edge cases, and tooling still in its relative infancy. There is a lot to digest in this article.

Network 278

Network Performance Media Cache 278

Smashing Magazine

JANUARY 21, 2021

We were designing and building things, setting up new products, refactoring the components, and publishing articles. The entire site is built with progressive enhancement in mind, meaning that you, dear reader, can read every Smashing article in its entirety without the need to boot the application at all. We had to fix that.

Performance 145

Performance Cache Mobile Network 145

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf. I didn't end up getting published in SysAdmin directly, but my performance work did make it as a feature article (thanks Matty). Or even on a plane.

Performance 52

Performance Latency Cache Virtualization 52

Smashing Magazine

JULY 6, 2021

Moving to a headless CMS is not an easy decision and the selection process should not be taken lightly. In this article, I will highlight a few core features that every headless CMS should provide. The process of defining this sound, logical taxonomy structure for the content items you create and publish is known as content modeling.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

JANUARY 6, 2020

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Looking back now, things seem to have changed quite significantly. Establish a performance culture.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

Performance isn’t just a technical concern: it matters, and when baking it into the workflow, design decisions have to be informed by their performance implications. Without a strong alignment between dev/design and business/marketing teams, performance isn’t going to sustain long-term. Establish a performance culture.

Performance 104

Performance Cache Network Metrics 104

Smashing Magazine

FEBRUARY 3, 2022

Check out this article by Eric Bailey for some ideas. For this article, we’re going to take a deeper dive into one particular area. These numbers are based on first-page load — caching seems very efficient for subsequent page loads. A selection of well-designed testimonials could be a better alternative. Two embeds.

Social Media 102

Social Media Media Website Airlines 102

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. If you’re on the latter end of this scale, you probably need more specialized advice than this article is prepared to give. Option 1: Default Django.

Media 69

Media Cache Storage AWS 69

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

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. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Search Engine And Web Archive Cached Results. More after jump!

Website 89

Website Analytics Google Cache 89

Alex Russell

MARCH 6, 2021

A then-representative $200USD device had 4-8 slow (in-order, low-cache) cores, ~2GiB of RAM, and relatively slow MLC NAND flash storage. Advances in browser content processing. The fastest Androids predictably remain 18-24 months behind, owing to cheapskate choices about cache sizing by Qualcomm, Samsung Semi, and all the rest.

Performance 124

Performance Network Cache Metrics 124

Testsigma

JUNE 3, 2021

Bugs could come up due to different reasons, in this article, we will discuss them from the perspective of software errors. A few of the errors which can be faced due to a poorly designed UI are: i. Example: An e-commerce website is unable to process the payment part. Functional errors. Hardware error. Testing errors.

Software 82

Software Software Testing Hardware 82

Percona

NOVEMBER 1, 2023

Following the series of blogs written with the intention to describe basic operations matching Docker and open source databases, in this article, I will demonstrate how to proceed with installing MongoDB with Docker. I wrote this article based on the Docker-maintained repository. Docker quickly deploys standalone MongoDB containers.

Scalability 59

Scalability Best Practices Servers Database 59

MachMetrics

JANUARY 16, 2020

Make no mistake, this is a key step to take and should absolutely be a part of your web design/development routine. His article in the Web Performance Calendar, The ugly truth about optimizing beautiful images , explores a few case studies and offers some solutions as well. Good performance is a process, and is more than reducing size.

Speed 89

Speed Website Metrics Cache 89

Smashing Magazine

JUNE 9, 2022

From the developer’s perspective, frontend tooling gives us: the ability to author modules, a dev server for local development, Hot Module Replacement (HMR) for a shorter feedback loop in development mode, the ability to target legacy browsers with polyfills, processing a host of filetypes apart from JavaScript, the list goes on.

Code 110

Code Processing Cache Development 110

Smashing Magazine

JULY 29, 2019

This article is part of a series in which I attempt to use the web under various constraints, representing a given demographic of user. I hope to raise the profile of difficulties faced by real people, which are avoidable if we design and develop in a way that is sympathetic to their needs. Let’s talk about caching.

Cache 96

Cache Google Mobile Network 96

CSS - Tricks

JUNE 5, 2020

This article is about my experience using Brotli at production scale. The service categorized all the optimizations in three groups consisting of several “Content,” “Delivery,” and “Cache” optimizations. The only problem was the fear that Brotli could kill all our processing resources. Luckily we already had that in place.

Cache 79

Cache Website Servers Open Source 79

Speed Curve

FEBRUARY 25, 2024

Heatmap of the most popular pages and their Web Vitals metrics I then typically switch to the RUM > Design dashboard and use the list of popular interaction elements to determine which ones I want to investigate further. Guest profiles also start with empty caches, empty cookie stores, empty browser storage, etc.

Analytics 91

Analytics Processing Google Mobile 91