: Is pagespeed insights over the top with downloads? On my website I have a page that displays an image in optimized form. I made it display at 60% compression/quality instead of 100%. I also

Posted in: #Download #GooglePagespeed #Http #Images #Jpeg

On my website I have a page that displays an image in optimized form. I made it display at 60% compression/quality instead of 100%. I also have the link to download the full 100% quality image to satisfy the picky people who are so particular with regards to every pixel of the image.

When I run the test in page-speed insights, I see the following issues listed for mobile and desktop respectively:

MOBILE TEST RESULT

76/100 Speed

Should Fix:
Optimize images
Properly formatting and compressing images can save many bytes of data.
Optimize the following images to reduce their size by 291.7KiB (99% reduction).

Compressing and resizing <download link> could save 291.7KiB (99% reduction).

Consider Fixing:
Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources
instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:

<download link> (60 seconds)

89/100 User Experience

Configure the viewport
Your page does not have a viewport specified. This causes mobile devices to render your page
as it would appear on a desktop browser, scaling it down to fit on a mobile screen. Configure
a viewport to allow your page to render properly on all devices.

DESKTOP TEST RESULT

Should Fix:
Optimize images
Properly formatting and compressing images can save many bytes of data.
Optimize the following images to reduce their size by 291.7KiB (99% reduction).

Compressing and resizing <download link> could save 291.7KiB (99% reduction).

Consider Fixing:
Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources
instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:

<download link> (60 seconds)

I understand that for me to get rid of the optimize image warning, I should deliver it at the same quality as what is on the screen, but that is pointless. Another way is to compress the image into a different file format and offer that, but that requires the user to use a third-party program just to extract one file.

As for leverage browser caching, How often would someone want to use the same download link especially when they can view the same thing on screen but at a slightly lower quality?

I need some advice on the best way to handle these issues because I am monetizing the website with google adsense, and when I get errors thrown at me, it makes me think I'll earn nothing from them.

And why do I need to configure a viewport for a download file?

I'm confused

Also, here are my headers for the file:

HTTP/1.1 200 OK
Date: Thu, 12 Mar 2015 14:12:03 GMT
Server: Apache
Set-Cookie: PHPSESSID=6344462b6fa83d4460919191def27b85; path=/
Vary: Accept-Encoding
ETag: "354331de98415e85cb48ef40b09a5365"
Last-Modified: Thu, 12 Mar 2015 13:50:47 GMT
Cache-control: max-age: 5,must-revalidate
Expires: Thu, 12 Mar 2015 14:13:03 GMT
Connection: keep-alive
content-disposition: attachment; filename="Photo8.jpg"
Content-Transfer-Encoding: binary
Accept-Ranges: bytes
Content-Length: 298982
Content-Type: image/jpeg