Identify and resolve web performance bottlenecks in loading speed and resource utilization.
npx skills add https://github.com/ofelixdev/cc-kit --skill performance-ofelixdev
Please help me install this Agent Skill. Skill: performance Source: https://github.com/ofelixdev/cc-kit/tree/main/template/skills/performance Command: npx skills add https://github.com/ofelixdev/cc-kit --skill performance-ofelixdev
This Skill addresses slow website loading times and poor user experience by providing comprehensive strategies and code examples for web performance optimization.
Use the performance skill to audit and optimize the loading speed of the website.
High-intent search queries and answers about installing and using this skill.
To improve Core Web Vitals and your Lighthouse score, optimize the critical rendering path by reducing page weight, deferring non-critical scripts, and implementing responsive images. This enhances loading speed and runtime efficiency for better user experience metrics like LCP and FCP.
The best way to optimize web performance is identifying bottlenecks in resource utilization and server response. Implementing techniques like script deferral, asset optimization, and caching strategies resolves slow loading times and improves overall web speed.
Deferring non-critical JavaScript improves user experience by freeing up the main thread during the critical rendering path. This reduces Total Blocking Time (TBT) and allows the browser to paint content faster, resulting in smoother interactions and faster loading speed.
Yes, you can use resource preloading and caching strategies for asset optimization. These techniques prioritize critical assets and store frequently accessed resources locally, significantly reducing server response times and improving overall web performance.
A poor Largest Contentful Paint (LCP) is caused by loading bottlenecks like large page weight and render-blocking resources. Fix this by optimizing images, preloading critical assets, and improving server response times to enhance resource utilization.
jota-batutaEstablish performance baselines and budgets for APIs and web applications.
ivanshtokovRun Lighthouse audits to measure Core Web Vitals and detect front-end performance regressions.
paleoterraAnalyze Xcode asset catalogs for unused assets and missing resolutions.
darkmatterIdentify and fix React and Next.js performance bottlenecks in application code.
