BestHub
Sign in
Tagged articles
22 articles
Page 1 of 1
vivo Internet Technology
vivo Internet Technology
Nov 13, 2024 · Mobile Development

APK Size Optimization Techniques for Game Center Application

Ke Jie explains why reducing the Game Center APK—by eliminating alpha‑PNG images, unused code and resources, limiting language and density assets, disabling v1 signing, compressing images, loading native libraries on demand, shipping only 64‑bit binaries, enabling code/resource shrinking and R‑file inlining—cut size by about 31% (≈20 MB), boosting download conversion and launch performance.

APK OptimizationAndroidApp Size Reduction
0 likes · 14 min read
APK Size Optimization Techniques for Game Center Application
ITPUB
ITPUB
Jul 28, 2024 · Mobile Development

Why Do WebP Photos Corrupt on Android? A Deep Dive into AES Encryption Bugs

An Android app that stores shop‑sign photos began corrupting WebP images at a stable 1/200 rate, leading to a thorough investigation of the storage module, AES encryption implementation, and thread safety, ultimately uncovering a faulty string‑length check that broke binary image handling.

AES encryptionAndroidDebugging
0 likes · 16 min read
Why Do WebP Photos Corrupt on Android? A Deep Dive into AES Encryption Bugs
JD Retail Technology
JD Retail Technology
Feb 8, 2024 · Frontend Development

Frontend Optimization Strategies for High‑Concurrency Interactive H5 during the Spring Festival Gala

This article details how the front‑end team tackled the massive traffic and performance challenges of the Spring Festival Gala interactive H5 by optimizing static resources, employing WebP and sprite techniques, implementing traffic‑shaping and localStorage caching, and automating engineering workflows to ensure a stable, smooth user experience.

EngineeringResource Optimizationwebp
0 likes · 12 min read
Frontend Optimization Strategies for High‑Concurrency Interactive H5 during the Spring Festival Gala
iQIYI Technical Product Team
iQIYI Technical Product Team
Feb 8, 2024 · Mobile Development

Image Format Optimization and Deployment Practices at iQIYI: From JPG to AVIF

iQIYI optimized its app’s visual experience by progressively replacing JPG with WebP, HEIC, and finally AVIF—using a caplist‑driven CDN, self‑developed decoders and on‑demand production pipelines—to cut image sizes, reduce CDN bandwidth by over 30 % and maintain quality across static, transparent and animated assets.

AVIFCDNHEIC
0 likes · 19 min read
Image Format Optimization and Deployment Practices at iQIYI: From JPG to AVIF
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.

OSSWeChat Mini Programfrontend
0 likes · 10 min read
Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading
DaTaobao Tech
DaTaobao Tech
Dec 15, 2023 · Frontend Development

How Optimized Image Processing Boosted Double Eleven Web Performance

This article explains the image‑processing workflow used for the Double Eleven event, covering format selection, CDN scaling and quality parameters, WebP conversion, practical URL suffix rules, and additional front‑end tips that together dramatically improve page load speed and user experience.

CDNResponsive Imagesfrontend development
0 likes · 10 min read
How Optimized Image Processing Boosted Double Eleven Web Performance
ELab Team
ELab Team
May 19, 2022 · Frontend Development

Boost Web Performance: Mastering Image Optimization with WebP and Lazy Loading

This guide explores systematic image optimization for web applications, covering formats like WebP, lossless vs lossy compression, lazy loading, placeholder strategies, format fallback, monitoring, and practical code implementations to reduce image size, memory usage, and improve loading speed and user experience.

Responsive Imagescompressionfrontend performance
0 likes · 18 min read
Boost Web Performance: Mastering Image Optimization with WebP and Lazy Loading
DeWu Technology
DeWu Technology
Jun 4, 2021 · Mobile Development

Page Performance Optimization for Mobile App Webview

The DeWu app boosted WebView H5 page load speed by combining native‑level tactics—static JS/CSS bundling, HTML preloading—and web‑only strategies such as SSR, WebP image conversion, unused‑component removal, on‑demand lodash loading, and off‑screen image lazy‑loading, raising second‑open rates from ~5% to ~40%, improving Lighthouse scores by over 20% and cutting transferred bytes by roughly 20%, delivering an overall ~10% performance gain.

LighthousePerformanceOptimizationSPA
0 likes · 4 min read
Page Performance Optimization for Mobile App Webview
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Nov 4, 2020 · Frontend Development

Is AVIF the New King of Web Image Compression? A Deep Dive

This article explores the AVIF image format—derived from AV1 video—comparing its lossy and lossless compression performance against JPEG, WebP, and PNG across various test images, discussing acceptable quality thresholds, encoding/decoding times, tooling, and practical recommendations for web developers.

AVIFJPEGfrontend
0 likes · 18 min read
Is AVIF the New King of Web Image Compression? A Deep Dive
21CTO
21CTO
Jan 29, 2018 · Fundamentals

How Tencent Cut Hundreds of Gigabytes of Bandwidth with Advanced Image Compression

This article reviews the evolution of image formats such as JPEG, WebP, HEVC, and Tencent's proprietary WXAM and SHARP, explains psychovisual JPEG optimization with Guetzli, details GPU‑accelerated performance tweaks, and shows how these techniques saved terabytes of bandwidth and reduced user download latency across Tencent's massive image platform.

Bandwidth ReductionGPU AccelerationGuetzli
0 likes · 14 min read
How Tencent Cut Hundreds of Gigabytes of Bandwidth with Advanced Image Compression
Tencent Architect
Tencent Architect
Jan 27, 2018 · Fundamentals

Advances in Image Compression: From JPEG to WebP, HEVC, WXAM, SHARP, and Guetzli Optimizations at Tencent TPS

The article reviews recent developments in image compression formats such as JPEG, WebP, HEVC, and Tencent's proprietary WXAM/SHARP, explains Guetzli's perceptual encoding, details extensive GPU‑based performance optimizations, and demonstrates how these techniques dramatically reduce bandwidth usage in Tencent's massive image storage platform.

GPU AccelerationGuetzliJPEG
0 likes · 13 min read
Advances in Image Compression: From JPEG to WebP, HEVC, WXAM, SHARP, and Guetzli Optimizations at Tencent TPS
Tencent Music Tech Team
Tencent Music Tech Team
Jul 28, 2017 · Mobile Development

Dynamic Image Formats and Performance Comparison on Android

The article defines dynamic image formats, traces their history from GIF to WebP, compares GIF, APNG and WebP features and Android decoding performance, showing WebP offers smaller files and faster loading at higher CPU cost, while GIF remains most compatible and CPU‑efficient.

APNGAndroidDynamic Images
0 likes · 19 min read
Dynamic Image Formats and Performance Comparison on Android
High Availability Architecture
High Availability Architecture
May 23, 2017 · Fundamentals

Evaluation of Image Compression Formats and Algorithms: Guetzli, WebP, MozJPEG, and Libjpeg‑Turbo

The article presents a comprehensive evaluation of common image formats and compression algorithms—including Guetzli, WebP, MozJPEG, and Libjpeg‑Turbo—by comparing their compression ratios, quality metrics, encoding speed, and practical deployment considerations for large‑scale mobile services.

GuetzliJPEGPerformance Testing
0 likes · 18 min read
Evaluation of Image Compression Formats and Algorithms: Guetzli, WebP, MozJPEG, and Libjpeg‑Turbo
Architecture Digest
Architecture Digest
Aug 31, 2016 · Frontend Development

Practical Guide to Using WebP Images in Web Projects

This article explains what WebP is, its performance benefits, common server‑side and client‑side integration methods, and shares a complete practical implementation—including image conversion tools, JavaScript detection, CSS mixins, and a Node.js monitoring script—to help developers adopt WebP efficiently in their front‑end workflows.

image-optimizationnodejsperformance
0 likes · 13 min read
Practical Guide to Using WebP Images in Web Projects
Aotu Lab
Aotu Lab
Jul 8, 2016 · Frontend Development

How WebP Can Cut Image Size and Boost Page Speed: A Practical Guide

This article explains the WebP image format, compares its size and quality against JPEG/PNG, shows how to install command‑line tools, presents performance test results, and provides JavaScript and Nginx PageSpeed solutions for serving WebP to supported browsers.

browser compatibilityfrontend performancelazy loading
0 likes · 9 min read
How WebP Can Cut Image Size and Boost Page Speed: A Practical Guide