We migrated a website from Drupal to Magento. After the migration the website's Google Pagespeed scores are much lower.
With WordPress I can easily get to scores 99 for mobile and 100 for desktop. It's a bit harder with Drupal. I was hoping that the Magento community had figured this out like WordPress (after all, faster pages means more sales). Now I'm pretty new to Magento myself, so I'm wondering, maybe the shop that handled the migration missed something important? Or is it generally hard to optimize Magento?
Plus the actual experience of opening a product page is sub-optimal: it takes about 7 seconds before the most important image is showing.
What are some things we can do to speed up our website? That will help us get a better Pagespeed score. After all, it's all about the Google SERPs.
- Defer offscreen images
- Serve images in next-gen formats
- Properly size images
- Eliminate render-blocking resources
- Minify JavaScript
- Defer unused CSS
Diagnostics
More information about the performance of your application.
- Ensure text remains visible during webfont load
- Minimize main-thread work 11.6 s
- Reduce JavaScript execution time 7.4 s
- Avoid an excessive DOM size 1,524 nodes
- Serve static assets with an efficient cache policy 12 resources found
- Avoid enormous network payloads Total size was 2,843 KB
- Minimize Critical Requests Depth
Best Answer
I've done three main things which drastically improved my performance; although, it is still far from good enough on mobile device (page speed around 60 on four different pages).
In addition, some may forget to move Magento from development to production mode. This will make Magento very slow.