Tag

lazy-loading

1 views collected around this technical thread.

php中文网 Courses
php中文网 Courses
Jun 11, 2025 · Backend Development

Mastering PHP Getters and Setters: Boost Code Structure & Performance

This article explains how using getters and setters in PHP can improve code organization, reduce coupling, and enhance performance through techniques like lazy loading and result caching, illustrated with clear code examples.

cachinggetterslazy-loading
0 likes · 5 min read
Mastering PHP Getters and Setters: Boost Code Structure & Performance
php中文网 Courses
php中文网 Courses
May 29, 2025 · Backend Development

6 Practical PHP Performance Optimization Techniques

This article outlines six practical PHP performance optimization techniques—including opcode caching, database query tuning, reducing redundant calculations, choosing efficient data structures, employing lazy loading, and leveraging built‑in functions—to help developers significantly improve the speed and scalability of their backend applications.

Database OptimizationOpCachePHP
0 likes · 5 min read
6 Practical PHP Performance Optimization Techniques
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 7, 2025 · Frontend Development

Optimizing Infinite‑Scroll Waterfall Layouts with CSS Grid, IntersectionObserver, and Modern Browser Features

This article explains how to build a high‑performance infinite‑scroll waterfall layout for e‑commerce using CSS Grid, IntersectionObserver, native lazy‑loading attributes, asynchronous decoding, React's useTransition, content‑visibility, and the AVIF image format to reduce load time and improve smoothness.

AVIFCSS GridIntersectionObserver
0 likes · 13 min read
Optimizing Infinite‑Scroll Waterfall Layouts with CSS Grid, IntersectionObserver, and Modern Browser Features
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 16, 2025 · Frontend Development

Creating a Universal Functional Modal Utility for Vue 3

This article demonstrates how to build a highly reusable, function‑based modal system in Vue 3 that supports lazy loading, prop passing, event binding, provide/inject data injection, custom slots, and method exposure, allowing developers to display any modal component with a single function call.

Functional ComponentTypeScriptVue
0 likes · 13 min read
Creating a Universal Functional Modal Utility for Vue 3
Spring Full-Stack Practical Cases
Spring Full-Stack Practical Cases
Jan 16, 2025 · Backend Development

Mastering Spring’s @Lazy: Speed Up Startup and Solve Circular Dependencies

This article introduces Spring's @Lazy annotation, explains its purpose and scenarios such as improving startup speed, breaking circular dependencies, and correctly injecting prototype beans, and provides five practical code examples while also announcing a continuously updated Spring Boot 3 case collection with a PDF ebook and source code.

JavaLazySpring Boot
0 likes · 10 min read
Mastering Spring’s @Lazy: Speed Up Startup and Solve Circular Dependencies
php中文网 Courses
php中文网 Courses
Dec 24, 2024 · Backend Development

Using Getters and Setters in PHP to Optimize Code Structure and Performance

The article explains how PHP getters and setters encapsulate private properties, reduce coupling, and enable lazy loading and result caching, providing code examples that demonstrate improved code clarity, maintainability, and system performance.

cachinggetterslazy-loading
0 likes · 5 min read
Using Getters and Setters in PHP to Optimize Code Structure and Performance
php中文网 Courses
php中文网 Courses
Nov 27, 2024 · Backend Development

New Features in PHP 8.4: Property Hooks, Asymmetric Visibility, Array Functions, Simplified Instantiation, Explicit Nullable Types, and Lazy Objects

PHP 8.4 introduces property hooks, asymmetric visibility, new array functions, simplified object instantiation, explicit nullable types, and lazy objects, providing cleaner syntax, better control, and performance improvements for developers across skill levels.

PHPProperty Hooksarray-functions
0 likes · 7 min read
New Features in PHP 8.4: Property Hooks, Asymmetric Visibility, Array Functions, Simplified Instantiation, Explicit Nullable Types, and Lazy Objects
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 3, 2024 · Frontend Development

Performance Optimization of a Complex Real‑Time Table in a Financial Front‑End Application

This article details how a newly‑graduated front‑end developer tackled severe UI lag and ten‑second first‑screen loads caused by three synchronized tables with 400+ rows of real‑time data, using Vue 3 techniques such as consolidated scroll handling, viewport‑based lazy updates, throttling, and WebSocket‑driven data subscription.

Vue3WebSocketlazy-loading
0 likes · 16 min read
Performance Optimization of a Complex Real‑Time Table in a Financial Front‑End Application
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 12, 2024 · Frontend Development

First Screen Optimization Techniques for Web Performance

This article explains what first‑screen optimization is and presents ten practical methods—including resource compression, image optimization, asynchronous loading, preloading, CSS/JS optimization, caching strategies, server‑side rendering, CDN acceleration, and delayed loading—complete with detailed Webpack configurations and code examples to improve initial page render speed.

OptimizationWebpackfirst-screen
0 likes · 20 min read
First Screen Optimization Techniques for Web Performance
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 29, 2024 · Frontend Development

Optimizing ECharts Integration in Vue and React with Lazy Loading, Theme Switching, and DOM Observation

This article presents a comprehensive solution for integrating ECharts into Vue and React projects, addressing bundle size, API complexity, and lack of CSS‑variable support by introducing custom imports, a draw helper, MutationObserver‑based resizing, theme‑aware color replacement, lazy loading, and usage examples for both frameworks.

EChartsMutationObserverReact
0 likes · 18 min read
Optimizing ECharts Integration in Vue and React with Lazy Loading, Theme Switching, and DOM Observation
JD Tech
JD Tech
Jan 31, 2024 · Frontend Development

Performance Optimization Practices for JD's Tongtian Tower Frontend Project

This article shares the 2023 performance‑optimization experience of JD's Tongtian Tower front‑end project, explaining how reducing page load time, improving interaction response, and applying systematic analysis tools and best‑practice techniques can boost first‑screen speed by nearly 60 % while maintaining stable, iterative development.

OptimizationWebpackbundle-analysis
0 likes · 20 min read
Performance Optimization Practices for JD's Tongtian Tower Frontend Project
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 31, 2024 · Frontend Development

Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading

This article demonstrates how to dramatically reduce image size and loading time in a WeChat mini‑program by converting to WebP, adjusting resolution via OSS parameters, using CSS sprites, and implementing lazy‑load placeholders, with before‑and‑after performance data and reusable component code.

Image OptimizationOSSWeChat Mini Program
0 likes · 10 min read
Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading
JD Tech
JD Tech
Dec 28, 2023 · Backend Development

Optimizing Spring Application Startup Speed and Performance: Analysis, Tools, and Best Practices

This article explores the challenges of slow Spring application startup in large Java projects, presents detailed analysis techniques, visualizations, and a suite of tools—including Spring Startup Analyzer, Arthas, and Async Profiler—to identify bottlenecks, and provides step‑by‑step optimization methods such as bean lazy loading, jar slimming, and configuration tweaks that can reduce startup time by up to 80% while improving resource utilization and deployment efficiency.

Springbackendlazy-loading
0 likes · 16 min read
Optimizing Spring Application Startup Speed and Performance: Analysis, Tools, and Best Practices
php中文网 Courses
php中文网 Courses
Dec 21, 2023 · Frontend Development

Implementing Image Lazy Loading in PHP: A Step‑by‑Step Guide

This article explains how to implement image lazy loading in PHP by extracting image URLs, generating placeholder tags with data-src attributes, monitoring scroll events via JavaScript, and applying CSS transitions, providing a step‑by‑step guide with complete code examples to improve page load performance.

Image OptimizationJavaScriptfrontend
0 likes · 5 min read
Implementing Image Lazy Loading in PHP: A Step‑by‑Step Guide
政采云技术
政采云技术
Dec 5, 2023 · Fundamentals

Java SPI vs Dubbo SPI: Service Provider Interface Mechanisms Compared

This article explains Java's Service Provider Interface (SPI) mechanism and compares it with Dubbo's enhanced SPI implementation, highlighting how Dubbo addresses the limitations of native Java SPI through configuration format changes and lazy loading.

Dubbo SPIFramework ExtensionJava SPI
0 likes · 19 min read
Java SPI vs Dubbo SPI: Service Provider Interface Mechanisms Compared
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 15, 2023 · Frontend Development

Understanding and Using IntersectionObserver for Lazy Loading, Scroll Animations, Infinite Scrolling, and Virtual Lists

This article introduces the IntersectionObserver API, explains its constructor, options, and entry properties, and demonstrates practical applications such as lazy loading images, scroll‑triggered animations, infinite scrolling, and virtual list rendering with complete code examples.

IntersectionObserverScroll AnimationWeb API
0 likes · 11 min read
Understanding and Using IntersectionObserver for Lazy Loading, Scroll Animations, Infinite Scrolling, and Virtual Lists
php中文网 Courses
php中文网 Courses
Oct 31, 2023 · Backend Development

Using Generators in PHP 7 for Efficient Data Processing

This article explains PHP 7 generators, describing their concept, memory‑saving benefits, and how to implement them with a practical example that reads a large file and yields squared numbers, demonstrating efficient data processing and lazy loading in backend development.

GeneratorMemory OptimizationPHP
0 likes · 5 min read
Using Generators in PHP 7 for Efficient Data Processing
php中文网 Courses
php中文网 Courses
Oct 7, 2023 · Backend Development

Improving Website Image Load Speed with PHP-FPM Optimization: Compression, Lazy Loading, CDN, Parallel Loading, and Browser Caching

This article demonstrates how to accelerate website image loading by applying PHP‑FPM performance optimizations such as image compression with GD, jQuery lazy loading, CDN acceleration, multithreaded parallel fetching, and proper browser‑cache headers, providing complete code examples for each technique.

Image OptimizationPHPcdn
0 likes · 5 min read
Improving Website Image Load Speed with PHP-FPM Optimization: Compression, Lazy Loading, CDN, Parallel Loading, and Browser Caching
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 25, 2023 · Frontend Development

Optimizing a Web Frontend Workflow Engine: Reducing Load Time, Input Lag, and Memory Usage

This article details a systematic investigation and optimization of a web‑based workflow engine, addressing slow initial rendering, input lag in Element UI components, and excessive memory consumption that caused browser crashes, and presents concrete solutions such as data pruning, Object.freeze, lazy loading, and event cleanup.

Memory LeakOptimizationVue
0 likes · 9 min read
Optimizing a Web Frontend Workflow Engine: Reducing Load Time, Input Lag, and Memory Usage