article thumbnail

Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce

Smashing Magazine

At the limit, statically generated, edge delivered, and HTML-first pages look like the optimal strategy. On top of this foundation, we add layers of caching, prerendering and edge delivery optimizations — not the other way around. Large preview ).

Cache 136
article thumbnail

Seamlessly Swapping the API backend of the Netflix Android app

The Netflix TechBlog

Over the course of this post, we will talk about our approach to this migration, the strategies that we employed, and the tools we built to support this. 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.

Latency 233
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Interactive Learning Tools For Front-End Developers

Smashing Magazine

Knights of the Flexbox Table is another well-designed interactive course to help you learn the different aspects of the flexbox specification. This course is unique because you’re not writing pure CSS, but instead, you’re using Tailwind CSS classes, which means you’ll learn flexbox along with the syntax for Tailwind utility classes.

article thumbnail

PostgreSQL Performance Tuning: Optimizing Database Parameters for Maximum Efficiency

Percona

Connection pooling: Minimizing connection overhead and improving response times for frequently accessed data by implementing mechanisms for connection pooling and caching strategies. This parameter sets how much dedicated memory will be used by PostgreSQL for the cache. However, the problem is not always the database itself!

Tuning 52
article thumbnail

Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)

Smashing Magazine

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 103
article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

Gael Metais suggested to more aggressively subset web fonts and look into caching issues with our AVIF files. If a browser doesn’t support AVIF, it gets a JPEG file (properly cached), The content negotiation happens via <picture> + srcset in the browser. Strategies For Migrating To TypeScript. this vs. that.

Mobile 140
article thumbnail

Are Imposter Domains Re-Publishing Your Website?

Smashing Magazine

And of course, scrapers could scrape your site to look for security vulnerabilities or exposed contact or sales lead details. 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. Ad Scraping.

Website 89