The Netflix TechBlog

MARCH 6, 2019

It’s used extensively in our media processing platform, which includes services like Archer and runs features like video encoding and title image generation on tens of thousands of Amazon EC2 instances. We are constantly innovating on video encoding technology at Netflix, and we have a lot of content to encode. Disk Caching? — ?

Media 214

Media Storage Processing Cache 214

Smashing Magazine

OCTOBER 2, 2023

Image Optimization Images are pieces of content in many contexts, and they are a very important and prominent part of the WaterBear app’s experience, from video posters and category banners to partner logos and campaign image assets. After scrolling the video category page, a bunch more images are loaded.

Cache 72

Cache Strategy Best Practices Design 72

Percona

APRIL 17, 2023

Make sure the drives are mounted with noatime and also if the drives are behind a RAID controller with appropriate battery-backed cache. This schema design approach ensures data consistency and enables complex queries involving multiple tables, but it can be rigid and may pose scaling challenges as data volume increases.

Best Practices 52

Best Practices Design Tuning Database 52

The Netflix TechBlog

JULY 1, 2019

The goal of this experience from a UX design perspective was to bring together a tightly-related set of original titles that, though distinct entities on their own, also share a connected universe. We hypothesized this design would net a far greater visual impact than if the titles were distributed individually throughout the page.

Cache 166

Cache Design Testing Development 166

Dynatrace

AUGUST 1, 2022

Kubernetes was initially designed with a strong focus on stateless workloads, meaning these workloads do not need to store any persistent data. Interestingly, our partner RedHat reported in 2021 that around 80% of deployed workloads are databases or data caches, storing data in persistent volume claims (PVCs). Dynatrace news.

Storage 196

Storage Database Network Metrics 196

Dynatrace

DECEMBER 20, 2021

Session replay is an IT technology that creates anonymized video-like recordings of actions taken by users interacting with your website or mobile application. The result is a complete recreation of the user experience in a video-like format. Streamlined asset caching: Asset caching is critical for creating accurate replays.

Mobile 253

Mobile Website Analytics Cache 253

The Netflix TechBlog

JUNE 4, 2019

Because microprocessors are so fast, computer architecture design has evolved towards adding various levels of caching between compute units and the main memory, in order to hide the latency of bringing the bits to the brains. This avoids thrashing caches too much for B and evens out the pressure on the L3 caches of the machine.

Cache 251

Cache Latency Airlines Logistics 251

KeyCDN

FEBRUARY 14, 2019

Thanks to their simplicity and widespread support, GIF files remain wildly popular despite the dozens of other image and video formats available today. There’s a debate among web developers whether or not animated image formats should be ditched altogether in favor of video formats.

Speed 50

Speed Website Latency Cache 50

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.

Performance 145

Performance Cache Media Metrics 145

IO River

NOVEMBER 2, 2023

CDN’s Effectiveness: Static Vs Dynamic ContentBack in the day, a CDN’s primary function revolved around caching static content and delivering it efficiently to end-users. Examples include real-time video conferencing, gaming, or personalized web pages. ‍Dynamic Content - Online GamingImagine a video gaming match.

Cache 52

Cache Traffic Games Network 52

Brendan Gregg

FEBRUARY 28, 2023

The video is now on [YouTube]: The slides are [online] and as a [PDF]: first prev next last / permalink/zoom In Q&A I was asked about CXL (compute express link) which was fortunate as I had planned to cover it and then forgot, so the question let me talk about it (although Q&A is missing from the video).

Performance 110

Performance Latency Cache Virtualization 110

CSS Wizardry

MAY 19, 2020

It’s widely accepted that self-hosted fonts are the fastest option: same origin means reduced network negotiation, predictable URLs mean we can preload , self-hosted means we can set our own cache-control. And a video showing the issue in DevTools: Can’t see the video? Can’t see the video? Can’t see the video?

Google 364

Google Media Latency Metrics 364

Randon ASCII

SEPTEMBER 30, 2022

All I wanted was to record a forty-second voiceover for a throw-away video , so I fired up the Windows Voice Recorder app and hit the record button. In my case the directory structure of my documents directory was entirely cached in memory so there was zero disk activity required to do the scan, but some users are not so lucky.

Software 130

Software Software Cache Hardware 130

Dynatrace

NOVEMBER 29, 2021

According to the official AWS announcement, Graviton2-based Lambda functions offer up to 34% better price-performance improvement.

Lambda 222

Lambda AWS Serverless Metrics 222

IO River

NOVEMBER 2, 2023

CDN’s Effectiveness: Static Vs Dynamic ContentBack in the day, a CDN’s primary function revolved around caching static content and delivering it efficiently to end-users. Examples include real-time video conferencing, gaming, or personalized web pages. Dynamic Content - Online GamingImagine a video gaming match.

Cache 40

Cache Traffic Games Network 40

Smashing Magazine

JULY 6, 2021

Web pages, such as the one you’re reading now, have text, images, videos and other assets to bring information to you. Along with images, the next heaviest assets are videos. Once again, with the microservices mindset, streaming of videos should be left to service providers such as YouTube, Vimeo and other online streaming services.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

SEPTEMBER 28, 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. Active Memory Caching. Caching partially stores your data and is not used as permanent storage.

Cache 126

Cache Performance Servers Social Media 126

Smashing Magazine

FEBRUARY 3, 2022

While working on a site recently, I noticed that an embedded YouTube video loaded around 600kB of JS for any visitor regardless of whether that user even chose to watch the video. On closer inspection, it appeared that other content embedded within tweets (video in particular) was contributing to this. With video.

Social Media 102

Social Media Media Website Airlines 102

Official Blog - World Web Technology

AUGUST 27, 2023

For example, website design is very crucial to impress your website visitors. Also, there are tutorials, video forums, and documentation, making PHP development easy and troubleshooting more accessible. Various techniques, such as caching and optimization, improve the website’s performance and speed.

Development 98

Development Ecommerce Open Source Website 98

Smashing Magazine

JUNE 8, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Next to videos, images are the heaviest, most requested assets on the web.

Media 106

Media Cache Google Best Practices 106

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

JUNE 2, 2021

The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4). For the launch, we mostly focused on getting the new design out the door, but once the website’s relaunch went live, we started focusing our attention on turning the red and orange scores to greens. Large preview ).

Performance 116

Performance Cache Website Mobile 116

Smashing Magazine

APRIL 28, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Next to videos, images are the heaviest, most requested assets on the web.

Media 93

Media Cache Google Best Practices 93

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 96

Cache Google Mobile Network 96

Smashing Magazine

AUGUST 30, 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. Caching Stylesheets. Caching static files is a useful optimization strategy. Cache-Control: public, max-age=604800.

Media 109

Media Performance Cache Strategy 109

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. This could be an image, a block of text, or even an embedded video. SEO is key to our success.

Performance 74

Performance Cache Traffic Metrics 74

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. thanks, Guy Podjarny! ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

NOVEMBER 4, 2021

We’ll be learning how to do this with GraphQL Features like Cache Update, Subscriptions, and Optimistic UI. 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. More after jump!

Cache 115

Cache Servers Transportation Code 115

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. Instead, we have to accommodate all of this variability, mostly on-demand.

Website 126

Website Performance Google Media 126

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.

Performance 104

Performance Cache Network Metrics 104

Percona

MAY 2, 2023

ChatGPT: The InnoDB buffer pool is used by MySQL to cache frequently accessed data in memory. If we expand the cache concept more, the buffer pool could be even less if the working set (hot data) is smaller. Answer : No, ChatGPT is an AI language model developed by OpenAI and is not designed to replace a MySQL DBA job.

Social Media 121

Social Media Database Servers Cache 121

Brendan Gregg

FEBRUARY 28, 2023

The video is now on YouTube : The slides are online and as a PDF : first prev next last / permalink/zoom In Q&A I was asked about CXL (compute express link) which was fortunate as I had planned to cover it and then forgot, so the question let me talk about it (although Q&A is missing from the video).

Performance 52

Performance Latency Cache Virtualization 52

Smashing Magazine

JANUARY 21, 2021

We were designing and building things, setting up new products, refactoring the components, and publishing articles. Plus a service worker that caches all static assets and serves them for repeat views, along with cached versions of articles that a reader has already visited. That’s the one with plenty of video embeds.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

OCTOBER 29, 2019

Considering how important images are to web design, this isn’t an element we can dispose of so easily nor can we afford to cut corners when it comes to optimizing them. On2 had worked on a number of video compression technologies, which ended up serving as the basis for Google’s new audiovisual format WebM and next-gen image format WebP.

Website 72

Website Speed Cache Google 72

Alex Russell

APRIL 29, 2021

Next-generation video codecs, supported in many modern chips, but also a licensing minefield. Necessary for building competitive video experiences, including messaging and videoconferencing. Fundamentally enabling for video creation apps. Without it, video recordings must fit in memory, leading to crashes. getUserMedia().

Media 145

Media Games Education Engineering 145

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. Static files range from a few kilobytes of CSS to gigabytes of video. Most of the problems caused by static assets like photos and videos are because they are big files.

Media 69

Media Cache Storage AWS 69

Sutter's Mill

SEPTEMBER 28, 2023

So I’ve decided to try an aggressive experiment: make “nodiscard” the law of the land , implicitly required all the time, with no opt-out… including when calling existing C++ libraries (including std:: ) that were never designed to for their return values to be treated as [[nodiscard]]! set(flags), and.clear(flags).

C++ 89

C++ Cache Code Design 89