231 skills · sorted by relevance
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.
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.
Inspect compressed JavaScript bundles, the files that package application code, to find excessive size and loading costs. Recommend splitting code, removing unused portions, and reviewing dependencies based on measured effects on page responsiveness.
Review JavaScript libraries for outdated versions, known security flaws, and unnecessary size. Use performance measurements to identify costly dependencies, then recommend secure updates or lighter alternatives with specific files and requests to investigate.
Audit JavaScript page redirects, confirm their impact on loading time with performance measurements, and identify where server-side 301 or 302 redirects can replace them. Get specific findings and an explanation of loading and search indexing concerns.
Audit slow page loads by measuring LCP, the time until the largest visible content appears. Identify bottlenecks in images, server responses, and rendering, then recommend changes supported by measurements.
Audit page loading and defer offscreen images, videos, iframes, and heavy components until needed. Use measurements and page context to identify suitable changes while keeping images needed for the initial view loaded with priority.
Check whether images visible when a page first opens are unnecessarily lazy loaded, meaning their loading is deferred. Verify rendering delays with performance measurements, then guide changes to loading attributes and request priority.
Audit JavaScript delivered to modern browsers for unnecessary older code and compatibility patches. Confirm performance costs with measurements, then review build targets and browser-specific delivery to reduce avoidable download size and processing work.
Review and implement loading feedback for operations such as fetching content or submitting actions. Use skeleton placeholders, spinners, and accessible status updates to communicate progress, while checking for layout shifts and measuring actual performance bottlenecks.
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.
Find duplicate JavaScript libraries and multiple versions loaded by a website. Confirm their impact with performance measurements, then consolidate dependencies and review third-party scripts to reduce redundant code and potential version conflicts.
Inspect raw HTML responses for a correct HTML5 doctype at the start of the document. Identify missing or outdated declarations and preceding content, then guide fixes that enable standards-mode rendering in browsers.
Audit how quickly a page shows its first text or image. Use performance measurements to identify blocking resources, slow server responses, and rendering delays, then recommend changes tied to the confirmed bottlenecks.
Inspect web font loading to identify invisible text, rendering delays, and layout shifts. Use measured evidence to guide fallback text display, preloading of important fonts, and the use of compressed formats such as WOFF2.
Audit browser caching to reduce repeated downloads when people revisit a site. Check cache headers for static files and HTML pages, then suggest suitable storage durations and validation settings based on measured loading problems.
Measure CLS, a score for unexpected movement of page content, and identify what causes it. Review image dimensions, reserved advertising space, fonts, and animations to recommend changes that reduce reading interruptions and accidental clicks.
Investigate chains of dependent resource requests that delay a page’s first display. Use performance measurements to identify bottlenecks, then reduce waiting by embedding essential CSS or preloading important assets discovered late in the chain.
Check Google Consent Mode v2 implementation and the consent states sent to Google services. Review advertising consent settings and help update GTM or gtag.js so tag behavior reflects users’ consent choices.
Audit CSS file sizes and loading behavior to find stylesheets that delay page rendering. Confirm the problem with performance measurements, then reduce unnecessary CSS through minification, unused-style removal, or splitting files by page.
Check whether HTML, JavaScript, and CSS are delivered with Gzip or Brotli compression. Use measured loading problems and response headers to guide server or CDN changes that reduce the amount of data downloaded.
Audit large animated GIFs that may slow a web page, confirm their impact with performance measurements, and guide conversion to MP4 or WebM with video markup suited to looping animations.
Implement web animations with GSAP plugins, including animated layout changes, draggable elements, text effects, and SVG drawing or shape transitions. The skill explains plugin registration, configuration, cleanup, and development tools for inspecting animation timelines.
Develop and verify changes in a tracked Cherry Studio Electron instance, a running desktop app. Use real UI behavior, logs, and performance measurements to investigate problems, compare fixes, or test a pull request and report the results.