'loading' 검색 결과

Review slow page loads and choose resource hints, browser instructions that start loading or connecting earlier. Use measurements to identify bottlenecks, then recommend preload, preconnect, prefetch, or dns-prefetch for important assets and likely next-page resources.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing slow loading of prominent images and fonts
• Preparing connections to external services
• Prefetching resources for likely next-page visits

Find optional features that slow the first page load and defer their code until a user interacts. Use dynamic imports, which load code on demand, and add immediate loading feedback while preserving the initial page experience.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Loading a map only when its panel opens
• Deferring an editor until a user activates it
• Reviewing chat widgets that slow initial loading

Automate web page tasks such as clicking, filling forms, uploading and downloading files, and taking screenshots. Work across tabs using a browser on the connected host machine or inside a Docker container.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Filling web forms and selecting options
• Uploading or downloading files through websites
• Capturing screenshots to inspect page appearance

Audit website images for search visibility and loading performance, then prioritize fixes. Check descriptive text, file sizes, and loading settings, convert files to WebP or AVIF, and add creator and copyright metadata.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Audit product and article images for SEO issues
• Convert large images to WebP or AVIF
• Fix image loading settings and layout shifts

Build React and TypeScript pages with guidance for data fetching, loading states, styling, and navigation. Organize code by feature and apply lazy loading, which loads components when needed, using patterns for MUI v7 and TanStack Router/Query.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating a React page or component
• Organizing frontend files by feature
• Coordinating data fetching and loading states

Build a burning-paper loading ring that keeps moving during heavy page setup. The skill covers background rendering, progress display, a smooth transition into the page, and support for reduced motion preferences.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding a burning-paper loading screen
• Keeping a loader moving during heavy JavaScript work
• Connecting loading progress to the page introduction

Build scrollable lists and grids in .NET MAUI using CollectionView. The guidance covers item layouts, selection, grouping, refresh gestures, incremental loading, swipe actions, and empty states, with examples and checks for common implementation mistakes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building scrollable lists or grids in .NET MAUI
• Adding item selection and grouped displays
• Implementing pull-to-refresh and incremental loading

Validate and use CPU offloading in Megatron Bridge, including layer-level activation offloading and fractional optimizer state offloading with HybridDeviceOptimizer.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Intelligent network quality analysis with adaptive loading strategies. Detects connection type (2g/3g/4g), bandwidth, RTT, and save-data mode, then automatically triggers appropriate optimization workflows. Includes decision trees that recommend image compression for slow connections, critical CSS inlining for high RTT, and save-data optimizations (disable autoplay, reduce quality). Features connection-aware performance budgets (500KB for 2g, 1.5MB for 3g, 3MB for 4g+) and adaptive loading implementation guides. Cross-skill integration with Loading (TTFB impact), Media (responsive images), and Core Web Vitals (connection impact on LCP/INP). Use when the user asks about slow connections, mobile optimization, save-data support, or adaptive loading strategies. Compatible with Chrome DevTools MCP.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Implements hub-and-spoke lazy loading to minimize token usage in large skills. Use when building multi-module skills that need conditional on-demand loading.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Fix Flutter home feed / main screen stuck on loading spinner after login when using Riverpod StreamProvider that watches GoRouter location changes. Use when: (1) Screen shows BrandedLoadingIndicator or CircularProgressIndicator permanently after successful auth redirect, (2) Widget watches a route-type-gating provider that returns AsyncValue.loading() intermittently, (3) Logs show route location oscillating between stale and current paths during post-login transition (e.g., /welcome/* after /home/0), (4) Provider chain has double-gate: widget gates on pageContext AND data provider also gates on pageContext. Distinct from riverpod-infinite-rebuild-loop (rapid rebuilds) — this causes permanent loading state, not infinite rebuilds.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Generic loading UI repair for Pattern Patrol P8. Use when you find 'Loading...' text, unlabeled spinners, meaningless pulses, Suspense fallbacks, or loading placeholders, or when running a P8 patrol.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

React와 Next.js에서 드래그, 스와이프, 텍스트와 SVG 애니메이션을 구현합니다. 여러 단계의 동작과 로딩 표시를 다루며 용도에 맞는 API 선택도 안내합니다.

• 드래그로 닫는 패널과 정렬 목록 구현하기
• 단어별 텍스트 표시와 숫자 애니메이션 만들기
• SVG 선 그리기와 원형 진행 표시 구현하기

Nuxt 4 앱에서 서버와 브라우저의 표시 불일치를 방지하고 데이터 조회, 페이지별 렌더링과 캐시, 지연 로딩을 정리합니다. 구현과 검토, 성능 개선에 사용합니다.

• 서버와 브라우저의 표시 불일치 수정
• 페이지 데이터 조회 방식 검토
• 페이지별 렌더링과 캐시 정책 결정

Review website JPEGs for progressive encoding, which displays a blurry preview before sharpening. Identify images that could use this format, consider file size and loading behavior together, and explain how to confirm the change in browser developer tools.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing how JPEGs appear during loading
• Checking JPEG fallbacks for WebP or AVIF
• Reviewing image delivery through a CDN or build process

Review website images for high-density displays, where standard assets can look blurry. Check higher-resolution versions, HTML and CSS image selection, delivery settings, and loading behavior, then identify specific files or components that need changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating blurry images on high-density displays
• Reviewing srcset for fixed-size and responsive images
• Checking high-resolution CSS background images

Find CSS and JavaScript that delay a page’s first visible content. Confirm the bottleneck with browser tools or performance data, then adjust loading behavior and inline essential styles to help the page start rendering sooner.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating a blank screen during page loading
• Reviewing CSS and JavaScript loading behavior
• Inlining styles needed for the initial display

Audit page loading and choose resource hints, browser instructions for fetching files or preparing connections early. Use measurements to identify delays, then suggest preload, preconnect, prefetch, or dns-prefetch for critical assets, external services, and likely next-page resources.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing early loading of key images and fonts
• Preparing connections to external services
• Prefetching resources for likely next pages

Review long pages and dashboards to defer heavy components until they approach the visible screen area. Identify unnecessary initial JavaScript, introduce visibility-based loading, and preserve layout space so scrolling content is ready when needed.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Defer charts located far down a dashboard
• Review loading behavior on long landing pages
• Load embeds and related products as they approach the screen

Review website image delivery and configure an image CDN, a service that optimizes and distributes images. Check file formats, dimensions, loading behavior, and initial screen impact, with guidance on verifying changes in DevTools.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Checking whether website images use a CDN
• Configuring automatic image resizing and format conversion
• Reviewing image loading and initial screen impact

Measure how Google Tag Manager affects page loading and rendering. Identify costly tags, triggers, and requests, then guide cleanup, asynchronous loading, or a move to server-side processing based on observed performance problems.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigate slow pages using GTM
• Review unused tags and triggers
• Check asynchronous script loading

Review loading priorities for key images, fonts, and CSS, then adjust fetchpriority hints so important resources receive attention earlier. Use it to improve LCP, the time until the largest visible content appears.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Improving the loading priority of a page’s main image
• Reducing competition from images below the visible area
• Reviewing preload priorities for critical fonts and CSS

Review website images and delivery settings to introduce AVIF, an image format with efficient compression. Check image size and loading behavior, and provide WebP or JPEG alternatives for browsers that do not support AVIF.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Considering AVIF for photographic website images
• Providing WebP and JPEG alternatives for unsupported browsers
• Reviewing image sizes and loading behavior on the initial screen

Build a catalog from multiple skill directories using an explicit priority order. Review duplicate names, selection decisions, and omitted entries before loading the instruction text of the chosen skill.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Cataloging project and user skill directories together
• Checking duplicate skill names before activation
• Reviewing catalog limits and omitted entries