BestHub
Sign in
Tagged articles
8 articles
Page 1 of 1
Huolala Tech
Huolala Tech
Jan 7, 2025 · Frontend Development

Designing Effective Skeleton Screens for Faster Perceived Load

This article reviews the evolution of skeleton screens, explains their underlying principles, shares real-world case studies from Huolala, and provides practical guidelines for creating responsive, fine‑grained, and visually appealing skeleton screens that improve perceived performance without sacrificing actual load speed.

Skeleton ScreenUser experienceWeb Development
0 likes · 15 min read
Designing Effective Skeleton Screens for Faster Perceived Load
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Dec 8, 2023 · Frontend Development

Key Front-End Trends and Techniques to Watch in 2023

2023 saw rapid evolution in the front‑end ecosystem, highlighted by major events, a controversial Gemini AI demo, SkyWalking‑based performance and error monitoring, innovative text‑overflow handling, CSS techniques that boost long‑list rendering by up to seven times, and an automatic, non‑intrusive skeleton‑screen generation solution.

2023Skeleton Screenfrontend
0 likes · 4 min read
Key Front-End Trends and Techniques to Watch in 2023
Ctrip Technology
Ctrip Technology
Aug 17, 2021 · Frontend Development

Automated Generation of Skeleton Screens for Frontend and React Native

This article explores the concept, benefits, and implementation of skeleton screens as progressive loading placeholders, compares manual and automated generation methods—including puppeteer for web and React Native libraries—then presents a custom DSL-driven, low‑code solution that converts Sketch designs into reusable skeleton code, improving UX and developer efficiency.

Skeleton ScreenUXcode-generation
0 likes · 17 min read
Automated Generation of Skeleton Screens for Frontend and React Native
转转QA
转转QA
Nov 13, 2019 · Frontend Development

Performance Optimization of M Page: Achieving Sub‑Second Load and Zero White Screen via Video Frame Analysis

This article describes how the M page’s user‑perceived performance was dramatically improved by applying techniques such as SSR, skeleton screens, image compression, and a video‑frame analysis testing method that delivers millisecond‑level response‑time measurements, enabling sub‑second load times and eliminating white‑screen delays.

SSRSkeleton Screenfrontend
0 likes · 5 min read
Performance Optimization of M Page: Achieving Sub‑Second Load and Zero White Screen via Video Frame Analysis
Mafengwo Technology
Mafengwo Technology
Sep 5, 2019 · Frontend Development

Automating Skeleton Screens to Boost Perceived Page Load Speed

This article explains why users care about sub‑two‑second page loads, introduces skeleton screens as a visual solution, reviews existing front‑end approaches, and details a custom automated pipeline using Puppeteer and a draw‑page‑structure plugin to generate and inject skeleton screens with minimal maintenance.

PuppeteerSkeleton Screenwebpack
0 likes · 16 min read
Automating Skeleton Screens to Boost Perceived Page Load Speed