Tag

web optimization

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 28, 2024 · Fundamentals

Comprehensive Guide to SEO Optimization Strategies

This article provides a detailed overview of SEO fundamentals, covering crawling, indexing, ranking, on‑page and tag optimization, keyword research, image and multimedia handling, social sharing, link building, site structure, performance, monitoring tools, and common pitfalls to help improve website visibility and traffic.

Content MarketingKeyword ResearchLink Building
0 likes · 16 min read
Comprehensive Guide to SEO Optimization Strategies
Qunhe Technology Quality Tech
Qunhe Technology Quality Tech
Jun 3, 2024 · Frontend Development

How to Diagnose and Optimize Frontend Performance in 2D Design Tools

This article outlines the challenges of front‑end performance troubleshooting for a 2D design tool, proposes systematic approaches for identifying issues, describes monitoring metrics such as load time and frame rate, and presents real‑world case studies demonstrating effective optimization and baseline management.

frontend performancemetricsperformance-monitoring
0 likes · 11 min read
How to Diagnose and Optimize Frontend Performance in 2D Design Tools
php中文网 Courses
php中文网 Courses
Feb 18, 2024 · Backend Development

Implementing Information Retrieval and SEO with PHP

This article explains the fundamentals of information retrieval and search engine optimization and provides practical PHP code examples for keyword search, full‑text search, and common SEO techniques such as keyword, internal, and external link optimization.

Full-Text SearchPHPSEO
0 likes · 7 min read
Implementing Information Retrieval and SEO with PHP
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 12, 2024 · Frontend Development

Front‑End Performance Optimization: Metrics, Data Reporting, and Practical Improvements

This article presents a comprehensive guide to front‑end performance optimization, covering metric selection (FCP, LCP, TTI, x‑fmp), data collection and reporting, dashboard creation, network‑ and application‑layer bottleneck analysis, and concrete code‑level improvements for faster page loads.

CDNFCPReact
0 likes · 17 min read
Front‑End Performance Optimization: Metrics, Data Reporting, and Practical Improvements
Ximalaya Technology Team
Ximalaya Technology Team
Nov 17, 2023 · Cloud Computing

Technical Case Study of Cloud Audio Editing: Challenges, Solutions, and Optimization

The case study details how the Cloud Editing team tackled severe waveform loading delays, zoom lag, and inefficient IndexedDB storage by refactoring the processing pipeline, standardizing multi‑transaction storage, adding monitoring and cleanup tools, and rigorously testing releases, ultimately cutting processing times by over half and dramatically improving user experience.

Audio ProcessingTechnical Case Studycloud editing
0 likes · 9 min read
Technical Case Study of Cloud Audio Editing: Challenges, Solutions, and Optimization
php中文网 Courses
php中文网 Courses
Nov 6, 2023 · Backend Development

Techniques for Optimizing Web Page Load Speed in PHP Development

Improving web page load speed is crucial for user experience, and PHP developers can employ methods such as caching, script and stylesheet compression, database query optimization, reducing HTTP requests, using CDNs, output compression, cache plugins, asynchronous loading, and image optimization to significantly enhance performance.

CDNCachingDatabase
0 likes · 5 min read
Techniques for Optimizing Web Page Load Speed in PHP Development
IT Services Circle
IT Services Circle
Jan 4, 2023 · Cloud Computing

Understanding CDN: How Content Delivery Networks Work and When to Use Them

This article explains the fundamentals of Content Delivery Networks (CDN), how they cache object‑storage files, the DNS resolution process with CNAME records, origin‑pull behavior on cache misses, performance trade‑offs, and guidelines for when CDN integration is beneficial or unnecessary.

CDNCacheContent Delivery Network
0 likes · 14 min read
Understanding CDN: How Content Delivery Networks Work and When to Use Them
Sohu Tech Products
Sohu Tech Products
Oct 7, 2022 · Frontend Development

How GOV.UK Removed jQuery and Measured Its Performance Impact

In March, the UK government’s GOV.UK site eliminated jQuery from all front‑end applications, detailing the reasons, the removal process, and the resulting performance gains for users, especially on low‑spec devices, through extensive lab testing and real‑user monitoring.

GOV.UKJavaScriptPerformance
0 likes · 7 min read
How GOV.UK Removed jQuery and Measured Its Performance Impact
TAL Education Technology
TAL Education Technology
Dec 2, 2021 · Frontend Development

Website Performance Optimization: Lazy Loading, CDN, Image Formats, Security Headers, and Bundle Reduction

This article details a comprehensive front‑end performance optimization project that includes lazy loading, CDN deployment, domain consolidation, image format conversion with AVIF/webp, security‑header hardening, and bundle size reduction by replacing large Moment.js dependencies with Luxon, all validated through WebPageTest and Lighthouse metrics.

CDNPerformanceimage compression
0 likes · 8 min read
Website Performance Optimization: Lazy Loading, CDN, Image Formats, Security Headers, and Bundle Reduction
Sohu Tech Products
Sohu Tech Products
Oct 6, 2021 · Frontend Development

Front‑End SEO Technical Optimization Guide

This article presents a comprehensive front‑end SEO checklist, covering passive and active optimization techniques such as site structure, meta tags, semantic links, speed improvements, external traffic acquisition, sitemaps, robots.txt, and search‑engine‑specific configurations to help developers enhance website visibility and ranking.

Meta TagsSEOfrontend
0 likes · 13 min read
Front‑End SEO Technical Optimization Guide
Sohu Tech Products
Sohu Tech Products
Aug 4, 2021 · Frontend Development

Optimizing Long List Rendering with CSS content-visibility

The article explains how the CSS content-visibility property can dramatically improve rendering performance of long lists by rendering only visible elements, demonstrates before‑and‑after benchmarks, discusses compatibility and edge‑case issues, and offers practical fixes such as contain‑intrinsic‑size.

Browser CompatibilityCSSPerformance
0 likes · 8 min read
Optimizing Long List Rendering with CSS content-visibility
TAL Education Technology
TAL Education Technology
Jul 16, 2020 · Frontend Development

Using Chrome DevTools Performance Panel for Front‑End Performance Analysis

This article explains how to use Chrome DevTools' Performance panel to record and analyze page load, interaction, network, rendering, memory, and flame graph data, helping front‑end developers identify bottlenecks such as long white‑screen times, resource loading delays, and heavy scripting.

Performancechrome devtoolsfrontend
0 likes · 8 min read
Using Chrome DevTools Performance Panel for Front‑End Performance Analysis
HomeTech
HomeTech
Jul 8, 2020 · Frontend Development

Understanding HTTP Caching and Service Workers for Frontend Performance Optimization

This article explains the fundamentals of HTTP caching, the role of Service Workers, various cache layers (memory, disk, push), cache-control directives, and provides practical code examples to help front‑end developers improve page load speed and reduce server load.

CachingHTTPfrontend performance
0 likes · 15 min read
Understanding HTTP Caching and Service Workers for Frontend Performance Optimization
Taobao Frontend Technology
Taobao Frontend Technology
Mar 25, 2020 · Frontend Development

Boost Web Performance with Code Splitting: Practical Guide & Tips

This article explains why reducing initial load resources is crucial for web performance, shows how to measure code utilization with Chrome DevTools, and provides detailed guidance on static and dynamic code splitting, magic comments, and webpack configurations to create faster, smoother front‑end applications.

JavaScriptcode splittingfrontend performance
0 likes · 10 min read
Boost Web Performance with Code Splitting: Practical Guide & Tips
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 6, 2019 · Frontend Development

Boost Your Web App with PWA: From Service Workers to First‑Load Optimization

This article explains what a Progressive Web App (PWA) is, how Service Workers enable caching of static, dynamic, and HTML resources, and provides practical techniques such as precaching, offline‑package replacement, update strategies, and a webpack plugin to streamline integration for faster first‑screen loads.

CachePWAfrontend performance
0 likes · 12 min read
Boost Your Web App with PWA: From Service Workers to First‑Load Optimization
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 9, 2018 · Mobile Development

How to Optimize Mobile Web Resource Loading for Faster Performance

This article explains why resource loading optimization is vital for mobile web development, shows how to measure page load speed with Chrome DevTools, breaks down the resource loading lifecycle, and provides practical solutions for queueing, high TTFB, and long download times.

TTFBchrome devtoolsmobile performance
0 likes · 6 min read
How to Optimize Mobile Web Resource Loading for Faster Performance
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 4, 2018 · Frontend Development

Boost Your Web App Speed: Essential JavaScript Performance Optimization Tips

This article explains how JavaScript performance impacts web applications and provides practical optimization strategies—including the RAIL model, load time statistics, parsing and compilation overhead, bundle size reduction, code splitting with Webpack, and modern transpilation techniques—to help front‑end developers deliver faster, more responsive sites.

JavaScriptPerformancebundling
0 likes · 10 min read
Boost Your Web App Speed: Essential JavaScript Performance Optimization Tips
Architecture Digest
Architecture Digest
Aug 6, 2017 · Operations

Website Performance Metrics and Optimization Strategies

This article explains key website performance metrics such as response time, concurrency, and throughput, presents typical values for various operations, and outlines practical optimization strategies for front‑end, application‑server, and storage layers, including caching, CDN, reverse proxy, clustering, and code improvements.

CachingPerformanceresponse time
0 likes · 9 min read
Website Performance Metrics and Optimization Strategies
Architecture Digest
Architecture Digest
Jun 13, 2017 · Fundamentals

Testing Google’s Guetzli JPEG Compression: Performance, Memory Usage, and Practical Tips

Google’s Guetzli JPEG compressor, which prioritizes perceptually important details, can dramatically shrink image sizes but demands high memory and CPU time; the article details real‑world tests, quality‑vs‑size trade‑offs, memory requirements, installation tips, and practical recommendations for using Guetzli in web projects.

GuetzliPerformanceimage compression
0 likes · 6 min read
Testing Google’s Guetzli JPEG Compression: Performance, Memory Usage, and Practical Tips
Architecture Digest
Architecture Digest
Apr 13, 2016 · Information Security

HTTPS Optimization: Protocol and Configuration Best Practices

This article explains how to improve HTTPS performance and security by optimizing protocol features such as TCP Fast Open, HSTS, session resumption, OCSP stapling, False Start, and SPDY/HTTP2, discusses computational enhancements like ECC and OpenSSL upgrades, and provides practical deployment guidance for large‑scale web sites.

HTTPSPerformanceTLS
0 likes · 26 min read
HTTPS Optimization: Protocol and Configuration Best Practices