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.

Performance 103

Performance Latency Cache Google 103

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 142

Ecommerce Website Government Internet 142

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. From a developer perspective, not only static assets need to be cached on a CDN. Many headless CMSes cache content retrieved via RESTful or GraphQL APIs. Look out for: Caching of images and content via CDN.

Cache 145

Cache Website Mobile Google 145

Smashing Magazine

SEPTEMBER 28, 2022

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. Caching partially stores your data and is not used as permanent storage. Caching Schemes.

Cache 141

Cache Performance Servers Architecture 141

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. At first glance, it seems like a simple task, but in the background, browsers do a tedious job of calculating the size of these images in different scenarios: For images that are resized in responsive design. The change of design. Cache Your Images.

Media 125

Media Cache Website Mobile 125

Smashing Magazine

NOVEMBER 8, 2021

On top of this foundation, we add layers of caching, prerendering and edge delivery optimizations — not the other way around. Hydrogen fuels dynamic commerce by uniting React Server Components, streaming server-side rendering, and smart caching controls. Large preview ). This is not a debate about dynamic vs. static.

Cache 139

Cache Best Practices Strategy Servers 139

Smashing Magazine

NOVEMBER 4, 2021

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. Updating the cache directly using update function on the useMutation. More after jump!

Cache 129

Cache Servers Code Transportation 129

Smashing Magazine

MARCH 7, 2022

That’s not to say the extraneous content is pointless — enhanced design and user interfaces can have an important impact on the brand of a website, and delightful little extras can really impact your users’ relationship with your site. For Smashing Magazine, that involved dropping some of our web fonts. And Is It Used?

Website 120

Website Media Mobile Network 120

Smashing Magazine

NOVEMBER 26, 2021

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Your application might also suffer from caching, and performance issues. They handle a lot of things like caching and performance which are difficult to manage on your own. Jump to table of contents ?.

Cache 145

Cache Code Testing Design 145

Smashing Magazine

NOVEMBER 22, 2021

It’s one thing to identify bottlenecks and implement optimizations for a specific website or a few similar websites, and quite another when dealing with many millions of websites, having such a wide variety of functionality, and an almost total freedom of design. The results of some of these APIs are also cached in a CDN as appropriate.

Website 141

Website Performance Google Website Performance 141

Smashing Magazine

JUNE 9, 2022

As a result, users can enjoy more capable and feature-rich applications that remain performant through techniques like code-splitting, caching, prefetching, and other resource optimization techniques — with some applications that are even able to work offline. On design systems, UX, web performance and CSS/JS. More after jump!

Code 128

Code Development Processing Performance 128

Smashing Magazine

JUNE 10, 2021

Are all the caching headers set correctly? Meet Smashing Email Newsletter with useful tips on front-end, design & UX. Subscribe and get “Smart Interface Design Checklists” — a free PDF deck with 150+ questions to ask yourself when designing and building almost anything. Stefan Judis. 2021-06-10T11:15:00+00:00.

Website 109

Website Cache Best Practices Network 109

Smashing Magazine

FEBRUARY 3, 2022

These numbers are based on first-page load — caching seems very efficient for subsequent page loads. Ideally, the design process should take into account the ways in which clients might wish to share content from social media. It’s worth considering whether other design options might provide the same (or better) value.

Social Media 121

Social Media Media Website Airlines 121

Smashing Magazine

SEPTEMBER 20, 2021

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. Another common category of imposter domains are domains used by search engines for delivering cached results or archived versions of page views. More after jump!

Website 108

Website Analytics Google Cache 108

Smashing Magazine

JUNE 20, 2019

Browser Caching. Another built-in optimization of Google Fonts is browser caching. As the Google Fonts API becomes more widely used, it is likely visitors to your site or page will already have any Google fonts used in your design in their browser cache. — FAQ, Google Fonts. Further Optimization Is Possible.

Google 111

Google Performance Cache Website 111

Smashing Magazine

SEPTEMBER 2, 2021

JavaScript Design Patterns. Knights of the Flexbox Table is another well-designed interactive course to help you learn the different aspects of the flexbox specification. On design systems, CSS/JS and UX. Design Patterns Game. Design Patterns Game is unique and is not for JavaScript beginners. CSS Flexbox.

Development 145

Development Games Education Programming 145

Smashing Magazine

OCTOBER 26, 2021

Nx is an open-source build framework that helps you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries, while providing a robust command-line interface (CLI), caching, and dependency management. Nx uses distributed graph-based task execution and computation caching to speed up tasks.

Cache 121

Cache Servers Code Testing 121

Smashing Magazine

MAY 16, 2022

Due to the design of web browser APIs, there are currently no mechanisms for querying requests and their relative responses after the fact. Here are a few that come to mind: Is this request served from the service worker cache? How long has a resource been in service worker cache? No References Required.

Servers 111

Servers Monitoring Cache Network 111

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 138

Website Design Network Testing 138

Smashing Magazine

JANUARY 15, 2019

In 2013, A List Apart published Sustainable Web Design by James Christie. 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. Sustainable Web Design. Data transfer is one thing that we can measure quite easily.

Website Performance 78

Website Performance Website Energy Performance 78

Smashing Magazine

JULY 29, 2019

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. MB , that suggests I’ve got around 29 pages in my budget, although probably a few more than that if I’m able to stay on the same sites and leverage browser caching. Large preview ).

Cache 99

Cache Mobile Google Network 99

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.

Performance 52

Performance Latency Cache Google 52

Smashing Magazine

OCTOBER 2, 2023

Meet Smashing Workshops on front-end, design & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to the workshops ↬ Using CDN For Caching And WebP For Lighter File Sizes As I mentioned a little earlier, our stack includes Sanity’s CMS. Let’s see the query caching in action.

Cache 84

Cache Strategy Best Practices Design 84

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 90

Code Cache Mobile Retail 90

Smashing Magazine

SEPTEMBER 9, 2021

The solution used in Scrapbook was to use the SWR library of React hooks to update the cached page from the server with client side data fetching. 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 ).

Cache 119

Cache Servers Internet Internet 119

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. It also opens up the possibility for more effective use of caching strategies, potentially enhancing load times further.

Performance 78

Performance Cache Traffic Metrics 78

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. Take advantage of specialization and economies of scale by moving expensive files to services designed for them. Client-Side Caching. In Conclusion.

Media 77

Media Cache Storage AWS 77

Smashing Magazine

MAY 12, 2022

Continue reading below ↓ Meet Smashing Email Newsletter with useful tips on front-end, design & UX. Subscribe and get “Smart Interface Design Checklists” — a free PDF deck with 150+ questions to ask yourself when designing and building almost anything. More after jump! Your (smashing) email. Once a week.

Google 136

Google Performance Website Mobile 136

Smashing Magazine

JUNE 30, 2021

JavaScript was designed to run in lock-step with the browser’s main rendering loop. The drawback of that design is that a small amount of slow JavaScript code can prevent the browser’s rendering loop from continuing. On design systems, CSS/JS and UX. JavaScript. Pretty much every web app out there relies on this model.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

APRIL 29, 2022

Even if your website is designed with usability in mind, these factors impede users from fully benefiting from the website’s features. Continue reading below ↓ Meet “Touch Design for Mobile Interfaces” , our brand-new Smashing Book on designing for mobile with proven, universal, human-centric guidelines. More after jump!

Website 98

Website Google Open Source Mobile 98

Smashing Magazine

AUGUST 15, 2021

Cache Merril. In a way, they’re designed to communicate uncertainty and provide transparency into what stops along the way are likely to remain as is and which might be in flux. How To Develop Your Business’ Technology Roadmap. How To Develop Your Business’ Technology Roadmap. 2021-08-16T06:55:00+00:00. 2021-08-16T09:49:55+00:00.

Technology 144

Technology Technology Development Strategy 144

Smashing Magazine

JULY 8, 2021

Instead, use the getter function because it can be mapped into any vue component using the mapGetters behaving like a computed property with the getters result cached based on its dependencies. In a traditional app where we have signup, logins, or product page we want to have consistent behavior and design. A simple sign-in form.

Speed 141

Speed Processing Development Code 141

Smashing Magazine

JUNE 18, 2020

That’s because they are meant for user preferences, as mentioned here in the case of iOS and here in the Android documentation when talking about the Security library which is designed to provide wrappers to the SharedPreferences specifically to encrypt the data before storing it. Secure Storage On Mobile. Large preview ).

Storage 103

Storage Mobile Website Java 103

Smashing Magazine

OCTOBER 8, 2021

We can use 11ty’s new Serverless mode to build them on request using Netlify’s On-Demand Builders to cache each Madlib. Portable Text is an open-source specification designed to treat rich text as data. For example, an “On-Demand Builder” is a serverless function dedicated to serving a cached file. Large preview ). _id}/ ` }).catch(error

Serverless 92

Serverless Cache Open Source Code 92

Smashing Magazine

JANUARY 16, 2023

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Continue reading below ↓ Web forms are at the center of every meaningful interaction, so they’re worth getting a firm handle on. Jump to table of contents ↬.

Media 120

Media Mobile Website Metrics 120

Smashing Magazine

AUGUST 9, 2021

However, many other devices are sitting between the client and the server that also have their own TCP code on board (examples include firewalls, load balancers, routers, caching servers, proxies, etc.). The key takeaway here is that TCP was never designed to transport multiple, independent files over a single connection. Conclusion.

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

JANUARY 21, 2019

The term “component” is often used to refer both to functionality and design. Note : Brad Frost’s “ Atomic Design ” is a great methodology for identifying these common patterns and building a reusable design system. Brad Frost identifies five distinct levels in atomic design for creating design systems.

Social Media 73

Social Media Database Media Website 73