# lazy loading

A computing technique that defers loading non-critical resources or CUDA modules until they are needed, reducing initial load or program initialization time.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## How ORM N+1 Queries Create Hidden Request Latency

DevFeed: [How ORM N+1 Queries Create Hidden Request Latency](<https://devfeed.tech/articles/your-orm-issued-400-queries-and-the-p99-looked-fine-until-it-didn-t-39588.md>)

Original publisher: [Read original article](<https://ankit-rana.com/logs/36-orm-n-plus-one-queries-hidden-latency/>)

Author: hello@ankit-rana.com

Published: 2026-08-02T00:00:00Z

Content type: tutorial

Language: en

Sources: [Ankit Rana | Mechanical Sympathy](<https://devfeed.tech/sources/ankit-rana-mechanical-sympathy.md>)

Topics: [Object-relational mapping](<https://devfeed.tech/topics/orm.md>), [Latency](<https://devfeed.tech/topics/latency.md>), [Monitoring](<https://devfeed.tech/topics/monitoring.md>), [lazy loading](<https://devfeed.tech/topics/lazy-loading.md>), [Database](<https://devfeed.tech/topics/database.md>), [connection pool](<https://devfeed.tech/topics/connection-pool.md>)

Tags: [connection-pool](<https://devfeed.tech/tags/connection-pool.md>), [database](<https://devfeed.tech/tags/database.md>), [database-performance](<https://devfeed.tech/tags/database-performance.md>), [hibernate](<https://devfeed.tech/tags/hibernate.md>), [latency](<https://devfeed.tech/tags/latency.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [monitoring](<https://devfeed.tech/tags/monitoring.md>), [n-plus-one](<https://devfeed.tech/tags/n-plus-one.md>), [observability](<https://devfeed.tech/tags/observability.md>), [orm](<https://devfeed.tech/tags/orm.md>), [query](<https://devfeed.tech/tags/query.md>), [request](<https://devfeed.tech/tags/request.md>)

### AI overview

This article explains how ORM lazy loading can turn a loop over orders into an N+1 query pattern. Individual queries may remain fast and avoid slow-query alerts, while the accumulated network round trips increase request latency and hold connection-pool resources. It recommends monitoring queries per request and asserting query counts in tests.

### Source excerpt

N+1 queries hide from monitoring because no individual query is slow. Four hundred queries at 0.4ms each never appear in the slow query log, never move p99 query latency, and still cost the request 300ms because the expense is the round trip rather than the execution. The metric that catches it is queries per request, and the only durable fix is asserting on that count in tests, since the code that causes it looks like a field access rather than I/O.

## How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today

DevFeed: [How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today](<https://devfeed.tech/articles/how-to-use-standard-html-video-audio-lazy-loading-on-the-web-today-30780.md>)

Original publisher: [Read original article](<https://engineering.squarespace.com/blog/2026/how-to-use-standard-html-video-and-audio-lazy-loading-on-the-web-today>)

Author: Scott Jehl

Published: 2026-04-07T14:30:00Z

Content type: tutorial

Language: en

Sources: [Squarespace](<https://devfeed.tech/sources/squarespace.md>), [Squarespace Engineering Blog](<https://devfeed.tech/sources/squarespace-engineering-blog.md>)

Topics: [HTML](<https://devfeed.tech/topics/html.md>), [lazy loading](<https://devfeed.tech/topics/lazy-loading.md>), [web-standards](<https://devfeed.tech/topics/web-standards.md>), [browsers](<https://devfeed.tech/topics/browsers.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [audio](<https://devfeed.tech/tags/audio.md>), [best-practices](<https://devfeed.tech/tags/best-practices.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [gotchas](<https://devfeed.tech/tags/gotchas.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [html](<https://devfeed.tech/tags/html.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [video](<https://devfeed.tech/tags/video.md>)

### AI overview

This tutorial explains how to use standard HTML video and audio lazy loading on websites. It covers recommended practices and common implementation pitfalls, noting that the feature is gaining support in major browsers.

### Source excerpt

HTML video and audio lazy loading is now a web standard and quickly gaining support in all major browsers. Given Squarespace's role in proposing and implementing it, we're very excited to see how developers use it on the web. Let's cover some best practices for using video and audio lazy loading in any website, as well as some gotchas to avoid.

## Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today's Browsers

DevFeed: [Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today's Browsers](<https://devfeed.tech/articles/squarespace-web-standards-how-we-helped-bring-html-video-audio-lazy-loading-to-today-s-browsers-30781.md>)

Original publisher: [Read original article](<https://engineering.squarespace.com/blog/2026/squarespace-and-web-standards-how-we-helped-bring-html-video-and-audio-lazy-loading-to-todays-browsers>)

Author: Scott Jehl

Published: 2026-03-30T21:00:00Z

Content type: article

Language: en

Sources: [Squarespace](<https://devfeed.tech/sources/squarespace.md>), [Squarespace Engineering Blog](<https://devfeed.tech/sources/squarespace-engineering-blog.md>)

Topics: [web-standards](<https://devfeed.tech/topics/web-standards.md>), [lazy loading](<https://devfeed.tech/topics/lazy-loading.md>), [HTML](<https://devfeed.tech/topics/html.md>), [Web platform](<https://devfeed.tech/topics/web-platform.md>), [WebKit](<https://devfeed.tech/topics/webkit.md>), [Chromium](<https://devfeed.tech/topics/chromium.md>), [Google Chrome](<https://devfeed.tech/topics/google-chrome.md>), [Firefox](<https://devfeed.tech/topics/firefox.md>)

Tags: [browsers](<https://devfeed.tech/tags/browsers.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [chromium](<https://devfeed.tech/tags/chromium.md>), [firefox](<https://devfeed.tech/tags/firefox.md>), [html](<https://devfeed.tech/tags/html.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [standards](<https://devfeed.tech/tags/standards.md>), [web-standards](<https://devfeed.tech/tags/web-standards.md>)

### AI overview

Squarespace engineers describe how they helped add lazy loading for HTML video and audio to the HTML Standard. They contributed proposed implementations for Firefox and WebKit, worked with Chromium developers on a Google Chrome implementation, and added automated testing.

### Source excerpt

At Squarespace, many of our core products are built on web standards, and our engineers are constantly pushing the boundaries of the web's capabilities. Occasionally, those boundaries reveal a limitation: an opportunity for the web's native capabilities to grow. This post is the story of how we found such an opportunity to work with the standards community to improve the web in a way that we - and everyone who uses it - can benefit.

## Why I migrated to the Fish Shell

DevFeed: [Why I migrated to the Fish Shell](<https://devfeed.tech/articles/why-i-migrated-to-the-fish-shell-37715.md>)

Original publisher: [Read original article](<https://carlosbecker.com/posts/fish/>)

Author: Carlos Alexandro Becker

Published: 2020-12-07T00:00:00Z

Content type: opinion

Language: en

Sources: [Carlos Becker](<https://devfeed.tech/sources/carlos-becker.md>)

Topics: [friendly interactive shell](<https://devfeed.tech/topics/fish.md>), [Shell](<https://devfeed.tech/topics/shell.md>), [Zsh](<https://devfeed.tech/topics/zsh.md>), [Bash](<https://devfeed.tech/topics/bash.md>), [dotfiles](<https://devfeed.tech/topics/dotfiles.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [Environment Variables](<https://devfeed.tech/topics/environment-variables.md>), [lazy loading](<https://devfeed.tech/topics/lazy-loading.md>), [Scripting](<https://devfeed.tech/topics/scripting.md>)

Tags: [aliases](<https://devfeed.tech/tags/aliases.md>), [bash](<https://devfeed.tech/tags/bash.md>), [environment-variables](<https://devfeed.tech/tags/environment-variables.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [plugins](<https://devfeed.tech/tags/plugins.md>), [porting](<https://devfeed.tech/tags/porting.md>), [prompt](<https://devfeed.tech/tags/prompt.md>), [scripting](<https://devfeed.tech/tags/scripting.md>), [shell](<https://devfeed.tech/tags/shell.md>), [zsh](<https://devfeed.tech/tags/zsh.md>)

### AI overview

The author explains migrating dotfiles from Zsh to Fish, emphasizing Fish's startup performance, universal variables, lazy loading, and built-in features such as syntax highlighting, autosuggestions, and man-page completions. The article also notes differences from POSIX shells and describes the author's plugin setup.

### Source excerpt

Back in June, I started porting my dotfiles from ZSH to Fish. Here's why.

## Lazy Loading with the Element API & VueJS

DevFeed: [Lazy Loading with the Element API & VueJS](<https://devfeed.tech/articles/lazy-loading-with-the-element-api-vuejs-31276.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/lazy-loading-with-the-element-api-vuejs>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2016-12-17T17:45:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [lazy loading](<https://devfeed.tech/topics/lazy-loading.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [vuejs](<https://devfeed.tech/topics/vuejs.md>), [API](<https://devfeed.tech/topics/api.md>), [Front end](<https://devfeed.tech/topics/frontend.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [cms](<https://devfeed.tech/tags/cms.md>), [cms-s](<https://devfeed.tech/tags/cms-s.md>), [content](<https://devfeed.tech/tags/content.md>), [craft](<https://devfeed.tech/tags/craft.md>), [display](<https://devfeed.tech/tags/display.md>), [element](<https://devfeed.tech/tags/element.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [here-s](<https://devfeed.tech/tags/here-s.md>), [insights](<https://devfeed.tech/tags/insights.md>), [lazy](<https://devfeed.tech/tags/lazy.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [load](<https://devfeed.tech/tags/load.md>), [vuejs](<https://devfeed.tech/tags/vuejs.md>)

### AI overview

A tutorial on using Craft CMS's Element API with VueJS to lazy-load additional blog entries and display them on a frontend. It explains how to create an API endpoint that returns paginated blog content, including titles, URLs, summaries, images, categories, and tags.

### Source excerpt

Here's how to use Craft CMS's Element API to lazy load content and display it via VueJS on the frontend

## WPF Explorer TreeView with SelectedPath binding

DevFeed: [WPF Explorer TreeView with SelectedPath binding](<https://devfeed.tech/articles/wpf-explorer-treeview-with-selectedpath-binding-38404.md>)

Original publisher: [Read original article](<https://khmylov.com/2010/11/wpf-explorer-treeview-with-selectedpath-binding/>)

Author: Andrew Khmylov

Published: 2010-11-18T00:00:00Z

Content type: tutorial

Language: en

Sources: [Despite the odds](<https://devfeed.tech/sources/despite-the-odds.md>)

Topics: [WPF](<https://devfeed.tech/topics/wpf.md>), [Filesystems](<https://devfeed.tech/topics/filesystems.md>), [lazy loading](<https://devfeed.tech/topics/lazy-loading.md>)

Tags: [build](<https://devfeed.tech/tags/build.md>), [file](<https://devfeed.tech/tags/file.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>)

### AI overview

This tutorial describes a custom WPF TreeView control for browsing file systems and exposing a SelectedPath property for two-way binding. It uses lazy loading to populate drives and subfolders, and synchronizes the TreeView selection with the selected path.

### Source excerpt

While working on one of my projects, I had to implement a control for displaying file system. I found pretty good articles over the web ("A Simple WPF Explorer Tree" by Sacha Barber and some replies to it), but they were all about displaying folders. It was pretty easy to track currently selected folder, but there were some issues with its dynamic changes. So I decided to build my own control from scratch that will have some property like SelectedPath that will allow you to use TwoWay bindings to get and set selected folder at the tree. When user selects a node from the TreeView, text in the address bar is updated. When user enters address and clicks Update, TreeView selection gets updated. I have started with a simple CustomControl and inherited it from WPF TreeView: public class ExplorerTreeView: TreeView { public const string SelectedPathPropertyName = "SelectedPath"; public static readonly DependencyProperty SelectedPathProperty = DependencyProperty.Register( SelectedPathPropertyName, typeof (String), typeof (ExplorerTreeView)); public String SelectedPath { get { return (String) GetValue(SelectedPathProperty); } set { SetValue(SelectedPathProperty, value); } } } We will use some lazy-loading techniques to fill our TreeView with data. When control is loaded, it will display only drives on the user machine. Let's write a method for creating initial drive nodes: public void InitExplorer() { Items.Clear(); foreach (var drive in DriveInfo.GetDrives()) { Items.Add(GenerateDriveNode(drive)); } } private static TreeViewItem GenerateDriveNode(DriveInfo drive) { var item = new TreeViewItem { Tag = drive, Header = drive.ToString() }; item.Items.Add("*"); return item; } GenerateDriveNode method takes DriveInfo argument and builds TreeViewItem for it. Note that we are adding a dummy child node (the one with 'the star' header text). If we don't do this, then the user will not see a small button for expanding/collapsing for generated tree view item (it may look like '+' charac