Mobile and Desktop Speed

[ThreeDrops]

I'm having issues on my site with mobile and desktop speeds.  Both are under 35, which is very poor.  This is due mostly from photo's being too large.  My question is, in order to make the site look right the height of the pixel is 750 in all pics, in order to evenly line up.  How do you speed up the pages without changing how things will look on the photos being lined up correctly?  This is a Shopify site.

[wholewhaler]

Hey ThreeDrops,

I had issues with this too when I started dealing with moving from print to web images. Here is a quick guide to help you understand the difference between pixels and DPI:  https://99designs.com/blog/tips/ppi-vs-dpi-whats-the-difference/

The quality level you need to maintain for web is basically 72dpi and if you use the right types of compression and file type you can greatly reduce those JPEGs you're probably using. Here is a quick tool to do this: https://tinypng.com/

Best of luck!

[Roman-Delcarmen]

This is a great tool for compress images https://compressor.io/
manteining the quality

If you are running wordpress w3 total cache keep my website under 1MB files size anothers great tools for speed optimization are: Pingdoom Tool or GTMetrix

https://topalternatives.com/testing-your-websites-speed-and-performance/

https://www.keycdn.com/blog/website-speed-test-tools/

[Bryan_Loconto]

Hey ThreeDrops... Both George and Roman made some great points!

Yes you definitely want to get that page speed up!! 35 is far too slow. If you have access to Adobe Photoshop you can easily go through and "Save for Web & Devices" or on newer version of PS you go to File > Export > "Save for Web (Legacy)

This allows you to control the size and quality of your images. Keeping them as sharp as you need while reducing the file size. Here is a great article I found that goes into more detail.

Hope this helps!