Join us this Friday for AI in Action at the Virtual Happy Hour! This free virtual event is open to all—enroll now on Academy and don’t miss out.

 

How to optimize the site?

Vote:
 

We just upgraded the site to CMS 12 using .NET 6, and while the site seems to load faster, I cannot see it in reports using tools such as Google's PageSpped or LightHouse.

This is our OLD site (with is .net framework 4.7): https://qntm02mstre747hinte.dxcloud.episerver.net/

This is the NEW site (with .NET 6 and CMS 12): https://qntm02mstr2ij5p7inte.dxcloud.episerver.net/

It seems like the site loads faster, but when I do analysis on Google's Lighthouse, I don't see any changes in the Performance scoring.

Any general guidance on how to optimize the site? And what are good tools for testing the performance of the site?

Thanks

Daman

#294575
Jan 12, 2023 18:06
Vote:
 

Lighthouse will flag most of your frontend pitfalls, even post upgrade if your HTML is the same you'll get same low score as if you were on CMS11 have a closer look at the report see what improvements you can make to the front end. 

Potential areas to look at 

  • Render blocking elements - Defer and async load JavaScript and CSS where possible. 
  • Optimize Image and/or serve them in next gen format i.e. WebP 
  • Serve images that are appropriately-sized
  • Defer off-screen images 
  • Split JS files (Avoid bloat) 
  • Minimize third party JS 
  • Load font asynchronously 
#294611
Edited, Jan 13, 2023 0:29
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.