Google Page Speed Improvements

Topic summary

A Shopify store owner seeks advice to improve their Google PageSpeed Insights score, particularly for mobile performance.

Key Recommendations Provided:

Image Optimization:

  • Crop the main image to landscape orientation to better fit available space
  • Convert images from JPG/PNG to WebP format (one example showed 62% file size reduction: 193 KB → 74 KB)
  • Compress images before uploading using tools like TinyPNG or Squoosh
  • Implement lazy loading so images load only when entering the viewport

Content Strategy:

  • Avoid placing large images at the top of the page, as they delay rendering
  • Prioritize important text content above the fold

Technical Improvements:

  • Reduce unused JavaScript and CSS
  • Defer non-critical scripts
  • Minimize or remove unnecessary Shopify apps, as each adds code that slows performance
  • Consider upgrading hosting or implementing a CDN like Cloudflare for faster server response times

The discussion remains open with actionable suggestions provided but no follow-up from the original poster yet.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

Hello, I am wanting to know advice to improve my page speed insites score: https://pagespeed.web.dev/analysis/https-www-renatarubio-com/gns9rxg0p3?form_factor=mobile

https://www.renatarubio.com/

Please let me know any advice you have.

Thanks!

So here is just a quick look over your site and some tips to improve.

  1. Optimize Your Main Image
    Your main image is larger than necessary. Try cropping it into a more landscape-oriented shape to better fit the available space. If your theme supports it, use the full image instead of resizing it dynamically—this prevents unnecessary loading of oversized images.
  2. Reconsider Image Placement for Faster Loading
    Avoid placing large images at the top of your page. Since images take longer to load than text, having them at the top can delay the rendering of your page. Instead, consider placing important content above the fold while lazy-loading images further down.
  3. Use WebP Format Instead of JPG or PNG
    WebP images are significantly smaller in file size while maintaining high quality. For example, I compressed your image from 193 KB to just 74 KB—a 62% reduction—meaning two WebP images could load faster than your single JPG image.
  4. Compress Images Before Uploading
    Always compress images before uploading them. You can use online tools like TinyPNG or Squoosh to reduce file size without losing quality.
  5. Reduce Unnecessary Shopify Apps
    Every Shopify app adds extra code, which can slow down your store. Regularly audit your apps and remove any that are not essential.

Hope that helps. Below is the compressed/webp version of your main image.

Your mobile PageSpeed score suggests areas for improvement. Here are my key recommendations:

  1. Optimize images – Compress and serve images in next-gen formats (WebP, AVIF) to reduce load time.
  2. Reduce unused JavaScript & CSS – Minimize unnecessary scripts and styles, and defer non-critical JS to improve performance.
  3. Enable lazy loading – Ensure images and videos load only when they enter the viewport to speed up initial rendering.
  4. Improve server response time – Consider upgrading your hosting or using a CDN (like Cloudflare) for faster global delivery.
  5. Use app wisely – Too many Shopify apps can slow your site. Remove unused apps or switch to lightweight alternatives