Quote:
Originally Posted by Bemmax50
YOUR biggest problems as shown by Google PageSpeed Insights (32/100 on mobile) and (29/100 on desktop) are: Images (Compressing and resizing is needed), server response, etc. Run your page in there and follow the suggestions given to improve the page speed.
Hints: The server response should be under 0.20, your is 0.98 which extremely high. You might need to change servers or move a faster hosting company. Shared servers are usually the problem.
The images are too big for mobile because you are feeding the SAME images on Desktop and mobile. Look at it this way, say your image is 1200 px 720px and about 150 KB and is good on desktop; in your design the same image is used in mobile which is only 320px wide. The image needed on mobile might only be 5 KB in size instead of 150 KB. There is a way to feed the desktop a different image and the mobile another small and lighter image. The images are normally broken into large medium and small and a small script of javascript will call the right image depending on screen size without loading the big image for a mobile phone.
Google "source srcset" which is a "picture attribute" and you should get the info and the code. Just note the "Compressing and resizing" in PageSpeed will NOT go away if that image is not resized. Bring "Losslessly compressing" to under 10% if possible.
|
Thanks for this feedback - that's the problem I'm facing. I think the Wordpress theme I'm using doesn't have the small-medium-large versions of the image, so when the first page loads, instead of calling small thumbnails for each episode, it calls the full-size image. Is there a plugin for that?