/LazyloadImageGallery
Defer and lazy-load heavy parts of an image gallery — e.g. a photography portfolio gallery with 80 images.
Web & Frontendmedium#gallery#images
Performance
48 commands
/AuditFormFields
Audit for load-time and rendering bottlenecks in accessible form fields — e.g. a checkout form with unlabeled inputs.
Web & Frontendadvanced#forms#a11y
/ProfileFormFields
Profile rendering and re-renders in accessible form fields — e.g. a checkout form with unlabeled inputs.
Web & Frontendadvanced#forms#a11y
/LazyloadInfiniteScroll
Defer and lazy-load heavy parts of an infinite-scroll feed — e.g. a social feed loading 20 posts per scroll.
Web & Frontendeasy#feed#scroll
/OptimizeFontLoading
Shrink bundle size and speed up webfont loading strategy — e.g. three custom webfonts loaded on every page.
Web & Frontendmedium#fonts#typography
/AuditBlogPost
Audit for load-time and rendering bottlenecks in a blog post page — e.g. a long-form blog post with embedded images.
Web & Frontendeasy#blog#content
/ProfileBlogPost
Profile rendering and re-renders in a blog post page — e.g. a long-form blog post with embedded images.
Web & Frontendeasy#blog#content
/LazyloadSearchResults
Defer and lazy-load heavy parts of a search results page — e.g. a search results page returning 500 items.
Web & Frontendmedium#search#results
/OptimizeHomepage
Shrink bundle size and speed up a website homepage — e.g. an ecommerce homepage with featured products.
Web & Frontendadvanced#homepage#website
/AuditImageGallery
Audit for load-time and rendering bottlenecks in an image gallery — e.g. a photography portfolio gallery with 80 images.
Web & Frontendmedium#gallery#images
/ProfileImageGallery
Profile rendering and re-renders in an image gallery — e.g. a photography portfolio gallery with 80 images.
Web & Frontendmedium#gallery#images
/OptimizeSkipLinks
Shrink bundle size and speed up keyboard navigation and skip links — e.g. a multi-section page with no current keyboard shortcuts.
Web & Frontendmedium#keyboard#a11y
/AuditInfiniteScroll
Audit for load-time and rendering bottlenecks in an infinite-scroll feed — e.g. a social feed loading 20 posts per scroll.
Web & Frontendeasy#feed#scroll
/ProfileInfiniteScroll
Profile rendering and re-renders in an infinite-scroll feed — e.g. a social feed loading 20 posts per scroll.
Web & Frontendeasy#feed#scroll
/LazyloadFontLoading
Defer and lazy-load heavy parts of webfont loading strategy — e.g. three custom webfonts loaded on every page.
Web & Frontendmedium#fonts#typography
/OptimizeCheckout
Shrink bundle size and speed up a checkout flow — e.g. a three-step checkout with payment and shipping.
Web & Frontendadvanced#checkout#ecommerce
/AuditSearchResults
Audit for load-time and rendering bottlenecks in a search results page — e.g. a search results page returning 500 items.
Web & Frontendmedium#search#results
/ProfileSearchResults
Profile rendering and re-renders in a search results page — e.g. a search results page returning 500 items.
Web & Frontendmedium#search#results
/LazyloadHomepage
Defer and lazy-load heavy parts of a website homepage — e.g. an ecommerce homepage with featured products.
Web & Frontendadvanced#homepage#website
/OptimizeLandingPage
Shrink bundle size and speed up a marketing landing page — e.g. a saas landing page with a hero video and pricing.
Web & Frontendeasy#landing#marketing
/LazyloadSkipLinks
Defer and lazy-load heavy parts of keyboard navigation and skip links — e.g. a multi-section page with no current keyboard shortcuts.
Web & Frontendmedium#keyboard#a11y
/OptimizeVideoPlayer
Shrink bundle size and speed up an embedded video player — e.g. an autoplaying product demo video.
Web & Frontendadvanced#video#media
/AuditFontLoading
Audit for load-time and rendering bottlenecks in webfont loading strategy — e.g. three custom webfonts loaded on every page.
Web & Frontendmedium#fonts#typography
/ProfileFontLoading
Profile rendering and re-renders in webfont loading strategy — e.g. three custom webfonts loaded on every page.
Web & Frontendmedium#fonts#typography
/LazyloadCheckout
Defer and lazy-load heavy parts of a checkout flow — e.g. a three-step checkout with payment and shipping.
Web & Frontendadvanced#checkout#ecommerce
/OptimizeDashboard
Shrink bundle size and speed up a web dashboard — e.g. an analytics dashboard with five live charts.
Web & Frontendeasy#dashboard#charts
/AuditHomepage
Audit for load-time and rendering bottlenecks in a website homepage — e.g. an ecommerce homepage with featured products.
Web & Frontendadvanced#homepage#website
/ProfileHomepage
Profile rendering and re-renders in a website homepage — e.g. an ecommerce homepage with featured products.
Web & Frontendadvanced#homepage#website
/LazyloadLandingPage
Defer and lazy-load heavy parts of a marketing landing page — e.g. a saas landing page with a hero video and pricing.
Web & Frontendeasy#landing#marketing
/OptimizeFormFields
Shrink bundle size and speed up accessible form fields — e.g. a checkout form with unlabeled inputs.
Web & Frontendadvanced#forms#a11y
/AuditSkipLinks
Audit for load-time and rendering bottlenecks in keyboard navigation and skip links — e.g. a multi-section page with no current keyboard shortcuts.
Web & Frontendmedium#keyboard#a11y
/ProfileSkipLinks
Profile rendering and re-renders in keyboard navigation and skip links — e.g. a multi-section page with no current keyboard shortcuts.
Web & Frontendmedium#keyboard#a11y
/LazyloadVideoPlayer
Defer and lazy-load heavy parts of an embedded video player — e.g. an autoplaying product demo video.
Web & Frontendadvanced#video#media
/OptimizeBlogPost
Shrink bundle size and speed up a blog post page — e.g. a long-form blog post with embedded images.
Web & Frontendeasy#blog#content
/AuditCheckout
Audit for load-time and rendering bottlenecks in a checkout flow — e.g. a three-step checkout with payment and shipping.
Web & Frontendadvanced#checkout#ecommerce
/ProfileCheckout
Profile rendering and re-renders in a checkout flow — e.g. a three-step checkout with payment and shipping.
Web & Frontendadvanced#checkout#ecommerce
/LazyloadDashboard
Defer and lazy-load heavy parts of a web dashboard — e.g. an analytics dashboard with five live charts.
Web & Frontendeasy#dashboard#charts
/OptimizeImageGallery
Shrink bundle size and speed up an image gallery — e.g. a photography portfolio gallery with 80 images.
Web & Frontendmedium#gallery#images
/AuditLandingPage
Audit for load-time and rendering bottlenecks in a marketing landing page — e.g. a saas landing page with a hero video and pricing.
Web & Frontendeasy#landing#marketing
/ProfileLandingPage
Profile rendering and re-renders in a marketing landing page — e.g. a saas landing page with a hero video and pricing.
Web & Frontendeasy#landing#marketing
/LazyloadFormFields
Defer and lazy-load heavy parts of accessible form fields — e.g. a checkout form with unlabeled inputs.
Web & Frontendadvanced#forms#a11y
/OptimizeInfiniteScroll
Shrink bundle size and speed up an infinite-scroll feed — e.g. a social feed loading 20 posts per scroll.
Web & Frontendeasy#feed#scroll
/AuditVideoPlayer
Audit for load-time and rendering bottlenecks in an embedded video player — e.g. an autoplaying product demo video.
Web & Frontendadvanced#video#media
/ProfileVideoPlayer
Profile rendering and re-renders in an embedded video player — e.g. an autoplaying product demo video.
Web & Frontendadvanced#video#media
/LazyloadBlogPost
Defer and lazy-load heavy parts of a blog post page — e.g. a long-form blog post with embedded images.
Web & Frontendeasy#blog#content
/OptimizeSearchResults
Shrink bundle size and speed up a search results page — e.g. a search results page returning 500 items.
Web & Frontendmedium#search#results
/AuditDashboard
Audit for load-time and rendering bottlenecks in a web dashboard — e.g. an analytics dashboard with five live charts.
Web & Frontendeasy#dashboard#charts
/ProfileDashboard
Profile rendering and re-renders in a web dashboard — e.g. an analytics dashboard with five live charts.
Web & Frontendeasy#dashboard#charts