Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize splifftastic.club
Missing width/height attributes on logo images cause layout shifts, and oversized images waste 78KB of bandwidth.
Add explicit width='142' height='51' attributes to logo SVG elements to prevent CLS. Resize banner images to match display dimensions (388x132 instead of 1352x459). Implement responsive images using srcset for different screen sizes.
A score of 83 falls in the "Needs Improvement" range (50-89). While it is better than poor (0-49), you should aim for 90+ to provide an optimal user experience and maximize SEO benefits.
This site is slower than approximately 35% of similar sites. The main issues affecting performance are image optimization, JavaScript execution time, and layout stability.
Addressing these issues could improve your conversion rate by 15-20% and boost your search engine rankings.
Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Interaction to Next Paint
Good: < 200ms
Measures how quickly the page responds to user interactions
Cumulative Layout Shift
Good: < 0.1
Measures visual stability - how much content shifts during page load
This generic website has good performance with a score of 83/100, but there's significant room for improvement. The biggest issue is render-blocking resources (CSS and JavaScript files) that are delaying the initial page display, potentially saving 770ms if optimized. The site is also loading 42KB of unused CSS (99% of FontAwesome and 92% of Bootstrap styles are unnecessary), and images are oversized for their display dimensions, wasting 78KB of bandwidth. Fixing these render-blocking resources and removing unused CSS could easily push the performance score above 90 and improve user experience, especially on slower connections.
Why It Matters:
Critical CSS and JavaScript files are blocking page render, delaying First Contentful Paint by 770ms.
How to Fix:
Inline critical CSS for above-the-fold content in the document head. Move non-essential JavaScript (jQuery, Bootstrap components) to load after initial render using async or defer attributes. Use media queries to load non-critical CSS conditionally.
Why It Matters:
99% of FontAwesome CSS and 92% of Bootstrap CSS is unused, wasting 43KB and delaying LCP by 300ms.
How to Fix:
Use PurgeCSS or UnCSS to remove unused styles from FontAwesome and Bootstrap files. Only load specific FontAwesome icons needed on the page. Consider switching to custom CSS framework or tree-shaken utility classes for better performance.
Once your site is optimized, maintain that speed. Use DeployHQ for zero-downtime, automated deployments—so performance fixes and updates go live safely every time, without breaking your site.
Get AI-powered performance insights with actionable fixes in 30 seconds
More Generic Speed Tests
FontAwesome fonts cause 320ms render blocking and delay FCP by 300ms.
Oversized images waste 78 KiB and delay LCP by 300ms with poor responsive behavior.
43 KiB of unused CSS is delaying LCP by 450ms and blocking initial render.
Critical CSS and JavaScript files are blocking page render, delaying First Contentful Paint by 770ms.