Answers and XWP Page Speed Performance Improvements

In our previous post about Answers performance, we mainly discussed the impact that material-ui had on our site. However, we made many more changes to get us to where we are today. 

Working with XWP showed us some more gains that we could make in order to help us with our web vitals score. 

  1. Pre allocate space for lazy loaded elements
  2. Reduce some large images that we happened to miss
  3. Lazy load third party images
  4. Preload fonts to avoid layout shift
  5. Inline styles
  6. Optimize deliverables to the frontend 
  7. Optimize hydration
  8. Sync SSR HTML hydration

With the changes from removing material-ui and applying the fixes and suggestions from XWP, we were able to hit our goal of a 90+ web vitals score. This, in turn, has led to an overall better experience for the user with faster load times, reduced page shifts, and quicker page interactivity. 

Our team at XWP were so excited to work with the Answers team on the site. Not only is it an impressive and well known site -Their performance was already doing pretty well so it was an interesting challenge to see how far we could take it. One of the impressive improvements was being able to get the First Input Delay (FID) down from 1300 ms to 25 ms. Also thanks to our deployment of AMP we were able to reduce the Cumulative Layout Shift significantly. This was a rewarding project - has customers globally, including countries with low bandwidth. So increasing the performance of their site is very rewarding because it makes it more accessible.

Amit Sion, CRO of XWP