' . sprintf( // translators: 1 opening HTML a tag to Browswer Cache settings, 2 closing HTML a tag, 3 W3TC plugin name. esc_html__( 'Use %1$sBrowser Caching%2$s in %3$s and set the Expires header and cache control header for static files and HTML.', 'w3-total-cache' ), '', '', 'W3 Total Cache' ) . '

' . esc_html__( 'Use default values for best results', 'w3-total-cache' ) . '

' . esc_html__( 'Audit the elements identified in the CLS report and reserve their space with explicit width, height, or CSS aspect-ratio rules so the browser never guesses.', 'w3-total-cache' ) . '

' . esc_html__( 'Avoid inserting new content above existing nodes and keep animations on transform or opacity properties so layout is not recalculated mid-frame.', 'w3-total-cache' ) . '

' . wp_kses( sprintf( // translators: 1 opening HTML a tag to W3TC User Experience page, 2 closing HTML a tag. esc_html__( 'Enable %1$sLazy Load%2$s for images and iframes, then use the Exclude Words or placeholder options so above-the-fold slots stay stable while offscreen media is deferred.', 'w3-total-cache' ), '', '' ), $allowed_tags ) . '

' . esc_html__( 'Combine those structural fixes with predictable font loading (see the Font Display insight) to keep layout shifts under the target.', 'w3-total-cache' ) . '

' . sprintf( // translators: 1 W3TC plugin name, 2 opening HTML a tag to Page Cache setting, 3 closing HTML a tag. esc_html__( 'Serve the main HTML as quickly as possible by enabling %1$s %2$sPage Caching%3$s (fastest module).', 'w3-total-cache' ), 'W3 Total Cache', '', '' ) . '

' . sprintf( // translators: 1 W3TC plugin name, 2 opening HTML a tag to Browser Cache setting, 3 closing HTML a tag. esc_html__( 'Enable gzip or Brotli compression in %1$s %2$sBrowser Cache%3$s so the initial document downloads faster.', 'w3-total-cache' ), 'W3 Total Cache', '', '' ) . '

' . esc_html__( 'Where possible, collapse redirect chains so visitors reach the cached HTML in a single round trip.', 'w3-total-cache' ) . '

' . esc_html__( 'Without completely redesigning your web page from scratch, typically you cannot resolve this warning. Understand that this warning is significant and if you get it for more than one or two pages in your site, you should consider:', 'w3-total-cache' ) . '

1. ' . esc_html__( 'Reducing the amount of widgets / sections within your web pages or page layouts', 'w3-total-cache' ) . '
2. ' . esc_html__( 'Using a simpler web page builder as many page builders add a lot of code bloat', 'w3-total-cache' ) . '
3. ' . esc_html__( 'Using a different theme', 'w3-total-cache' ) . '
4. ' . esc_html__( 'Using a different slider', 'w3-total-cache' ) . '

' . esc_html__( 'Incorporate good site building practices into your development workflow to ensure you avoid duplication of JavaScript modules in the first place.', 'w3-total-cache' ) . '

' . wp_kses( sprintf( // translators: 1 HTML a tag to Zillow Webpack-Stats-Duplicates. esc_html__( 'To fix this audit, use a tool like %1$s to identify duplicate modules', 'w3-total-cache' ), '' . esc_html__( 'webpack-stats-duplicates', 'w3-total-cache' ) . '' ), $allowed_tags ) . '

' . esc_html__( 'It\'s advisable to host the fonts on the server instead of using Google CDN', 'w3-total-cache' ) . '

' . esc_html__( 'Preload fonts with a plugin or manually:', 'w3-total-cache' ) . '

' . esc_html__( 'Use font-display attribute: The font-display attribute determines how the font is displayed during your page load, based on whether it has been downloaded and is ready for use.', 'w3-total-cache' ) . '

' . esc_html__( 'Forced reflows happen when scripts read layout data immediately after mutating the DOM. Batch reads and writes, move animations to transform or opacity, and keep heavy logic out of scroll or resize handlers.', 'w3-total-cache' ) . '

' . wp_kses( sprintf( // translators: 1 opening HTML a tag to Minify JS admin page, 2 closing HTML a tag, 3 opening HTML a tag to Defer JS settings, 4 closing HTML a tag. esc_html__( 'Reduce render-blocking work with %1$sMinify%2$s and schedule non-critical scripts through the %3$sDefer JavaScript%4$s option (PRO) so they execute after the initial paint.', 'w3-total-cache' ), '', '', '', '' ), $allowed_tags ) . '

' . esc_html__( 'Split any remaining long tasks with requestAnimationFrame, requestIdleCallback, or Web Workers so user input stays responsive.', 'w3-total-cache' ) . '

' . esc_html__( 'Deliver responsive images that match their rendered dimensions, use srcset or picture markup, and compress files before uploading so PageSpeed does not flag oversized assets.', 'w3-total-cache' ) . '

' . wp_kses( sprintf( // translators: 1 W3TC plugin name, 2 opening HTML a tag to Image Service extension, 3 closing HTML a tag. esc_html__( 'Use %1$s %2$sImage Converter%3$s to automatically create next-gen versions of Media Library uploads and serve them when supported.', 'w3-total-cache' ), 'W3 Total Cache', '', '' ), $allowed_tags ) . '

' . wp_kses( sprintf( // translators: 1 opening HTML a tag to W3TC User Experience page, 2 closing HTML a tag. esc_html__( 'Enable %1$sLazy Load%2$s to defer offscreen media and configure Exclude Words or placeholders so hero images keep their layout space.', 'w3-total-cache' ), '', '' ), $allowed_tags ) . '

' . wp_kses( sprintf( // translators: 1 opening HTML a tag to Browser Cache settings, 2 closing HTML a tag. esc_html__( 'Pair those optimizations with %1$sBrowser Cache%2$s (and your CDN) so optimized assets stay cached close to visitors.', 'w3-total-cache' ), '', '' ), $allowed_tags ) . '

' . esc_html__( 'INP highlights the slowest user interactions on the page, so reduce the main-thread work performed by the scripts listed in this breakdown.', 'w3-total-cache' ) . '

' . wp_kses( sprintf( // translators: 1 opening HTML a tag to Page Cache setting, 2 closing HTML a tag, 3 opening HTML a tag to Minify setting, 4 closing HTML a tag. esc_html__( 'Serve prerendered markup via %1$sPage Cache%2$s and trim script payloads with %3$sMinify%4$s so less JavaScript runs before each interaction.', 'w3-total-cache' ), '', '', '', '' ), $allowed_tags ) . '

' . wp_kses( sprintf( // translators: 1 opening HTML a tag to W3TC User Experience page, 2 closing HTML a tag. esc_html__( 'Delay analytics, marketing tags, or other non-critical handlers with %1$sDefer JavaScript and Lazy Load%2$s so taps and key presses stay under the 200 ms target.', 'w3-total-cache' ), '', '' ), $allowed_tags ) . '

' . esc_html__( 'Break any remaining long tasks into smaller chunks (requestIdleCallback, Web Workers, or scheduled timeouts) so the main thread is free when users interact.', 'w3-total-cache' ) . '

' . esc_html__( 'How To Fix Poor LCP', 'w3-total-cache' ) . '

' . esc_html__( 'If the cause is slow server response time:', 'w3-total-cache' ) . '

• ' . esc_html__( 'Optimize your server.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Route users to a nearby CDN.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Cache assets.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Serve HTML pages cache-first.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Establish third-party connections early.', 'w3-total-cache' ) . '

' . esc_html__( 'If the cause is render-blocking JavaScript and CSS:', 'w3-total-cache' ) . '

• ' . esc_html__( 'Minify CSS.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Defer non-critical CSS.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Inline critical CSS.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Minify and compress JavaScript files.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Defer unused JavaScript.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Minimize unused polyfills.', 'w3-total-cache' ) . '

' . esc_html__( 'If the cause is resource load times:', 'w3-total-cache' ) . '

• ' . esc_html__( 'Optimize and compress images.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Preload important resources.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Disable "lazy loading" for assets immediately visible on page load.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Compress text files.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Deliver different assets based on the network connection (adaptive serving).', 'w3-total-cache' ) . '
• ' . esc_html__( 'Cache assets using a service worker.', 'w3-total-cache' ) . '

' . esc_html__( 'If the cause is client-side rendering:', 'w3-total-cache' ) . '

• ' . esc_html__( 'Minimize critical JavaScript.', 'w3-total-cache' ) . '
• ' . esc_html__( 'Use another rendering strategy.', 'w3-total-cache' ) . '

W3 Total Cache ' . esc_html__( 'Features that will help performance of the above:', 'w3-total-cache' ) . '

• ' . esc_html__( 'Minify', 'w3-total-cache' ) . '
• ' . esc_html__( 'Page Cache', 'w3-total-cache' ) . '
• ' . esc_html__( 'Browser Cache', 'w3-total-cache' ) . '
• ' . esc_html__( 'CDN', 'w3-total-cache' ) . '
• ' . esc_html__( 'Preload Requests', 'w3-total-cache' ) . '

' . esc_html__( 'Don\'t lazy load images that appear "above the fold" just use a standard ', 'w3-total-cache' ) . esc_html( '' ) . esc_html__( ' or ', 'w3-total-cache' ) . esc_html( '' ) . esc_html__( ' element.', 'w3-total-cache' ) . '

' . sprintf( // translators: 1 W3TC plugin name. esc_html__( 'Exclude the image from being lazy-loaded if the %1$s Lazy load is enabled in Performance » User Experience » Exclude words.', 'w3-total-cache' ), 'W3 Total Cache' ) . '

' . esc_html__( 'One way to deal with this issue is to load polyfills, only when needed, which can provide feature-detection support at JavaScript runtime. However, it is often very difficult to implement in practice.', 'w3-total-cache' ) . '

' . esc_html__( 'Implement modern feature-detection using ', 'w3-total-cache' ) . '' . esc_html( '