Google PageSpeed Insights - Too much compressing on images - image

I am currently optimizing our website and I'm surprised by the Google PageSpeed Insights. For days, I've been trying to reach a good ranking and I'm concentrating on optimizing the images. But Google PageSpeed Insights says that the pictures mostly still require a compression of 90%. You can already see that the pictures have been severely compromised and have lost in quality.
The page I'm optimizing is knorke. de
For example:
The suggestions in the analysis show that the image "Wicked-Print-Logo.jpg" can be compressed by 95%. The image has a size of 16 KB. I do not believe that it's possible to compress the file anymore, without losing image quality.
What am I doing wrong?
Why is Google so strict here?
I'm thankful for every suggestion.

I did a test speed insight of your page, Google already helped you to much, because it offert to you the possibility to download optimized assets (images, css and js) for your website. You just have to download it and replace your images with images optimized by Google.
Note that the decision lies to you, if you think that images optimized by google are very bad quality, you are not oblige to use them.
I also suggest you to configure the cache browser, it could help a little boost your score
Find the link just under all test notifications.

Related

Should I use an image organization plugin in my Woocommerce website?

Is there a connection between the organization of the images to the speed in which they load?
I was wondering if a division to folders can speed up the website or is that unrelated?
I am currently migrating a website which has 30,000 images.
Obviously uploading them all to the same folder can be a lot easier, but I was wondering if I should maybe get an image organization plugin to help the website's speed.
Can such plugin help the speed by helping the "look up" time for each image?

My website pictures loading are slow in the server and failing google mobile testing

My website pictures loading are slow in the server and failing google mobile testing- In google mobile testing pass my website but some of the (18 pictures) are loading slowly. This is basic hosting I am running my website. Can anyone helps on this(suggestion and recommendation). Thanks.
Generally you can use Photoshop or an online service to optimize your pictures, there are also free optimization services up to certain limits.
This question is a little bit old, but can quide you in the right direction. You can also have look here.
Personally I do not have Photoshop and I use Kraken free service.
The optimization can be lossy or lossless, I prefer lossless (without a visual decrease in quality).

magento image loading takes too much time

I have a problem with magento application. the site taking too much time to load. problem is with category page , images of category are not loaded as it should.
can anybody help to find solution.hosting server is bluehost.
everything was working fine previously, but now i am facing these issue.
Thanks.
Other than caching the images, there isnt much you can do except maybe upgrading the hosting account. If you are on a shared hosting account and loading 10+ product images on a page, it may take 6-7 seconds to load.
You should check the size of the images. If you are uploading images from your digital camera, a lot of times they can be several megabytes in size.
I would suggest using jpg images no larger than 800px x 800px in size. And make sure Magento cache is enabled. Each full resolution image in file size should be under 250KB.
You could also attach your magento store to a cloud service that caches images and pages which can greatly improve speed.
One more thing you can do, open a ticket with bluehost and ask them to check the speed of the site, lots of times they have tools they can run diagnostics. Maybe its something other than the images slowing things down like javascript getting hung up (any extensions installed related to the images?)

What is the best way to handle blog post images for mobile web?

I am creating a mobile version of a rather large and photo heavy site. I am concerned about load time for some of the blog posts which have quite a few images.
What is the best approach for dealing with blog post images for a mobile website? In many cases, the images are needed for reference within the post and creating new smaller versions of the images are out of the question.
Thanks for any suggestions!
Have a look at Matt Wilcox's adaptive images - http://adaptive-images.com/ - it's not perfect though
These articles are also worth a read - http://www.cloudfour.com/responsive-imgs/ and http://www.cloudfour.com/responsive-imgs-part-2/

Hosting recommendations for technical screencasts

I am asking this question on SO because a similar question was asked here and migrated to SuperUser, but the answers it got there were more about screen sharing than hosting screencasts. I'm hoping that some of you have faced (and solved) this issue before...
My team is putting together a bunch of technical screencasts, and we are currently hosting them ourselves. We would much prefer to host them externally, to take advantage of a bigger pipe, geographically distributed data centers, and better uptime.
The screencasts are typically less than 10 minutes.
Is there a programmer-centric screencast hosting solution? Would you recommend YouTube? Vimeo? Something else?
Since Jon's answer two years ago, there have been a few additions to the screencast market:
Screencast.com, by TechSmith. The makers of Snagit, Camtasia, and Jing have a place where you can host your Screencasts at any resolution. It's not as straightforward as Screenr, but it provides you many options to upload your videos. You can upload by file or directly from Snagit 11, Jing (Free), or Camtasia.
YouTube and Vimeo (Pro) continue to be good options if you're looking for a hosting platform and they now both support a large range of HD formats as well as supporting HTML5. The drawback (or benefit?) is that your video is going to be converted to their playback resolution(s) rather than your source resolution. Snagit 11 will even upload directly to YouTube now.
Screencast.com seems like a good option if your main concern is recording screencasts on the fly and getting them uploaded quickly.
YouTube and Vimeo are probably better choices if you want your videos to be visible to the widest possible audience.
While Vimeo is more of a professional site, YouTube offers HTML5 / H.264 video playback support for all videos, so they'll play on iPhone. Vimeo currently doesn't support that on user videos, and is planning on adding it as a pro feature in the future.
If you are really concerned about 1-to-1 pixel resolution in your screencast, Vimeo Pro is not the best choice. My files had an exact 1920 to 1080 resolution and I exported them from Screenflow in "lossless". It appeared very crisp on the Mac in Quicktime Player, but after uploading to Vimeo Pro, turning HD "on", I could not read the details.
Vimeo is quick, but they have a compression good for movie scenes, but bad for small computer screen fonts. I am trying screencast.com since they leave the file "as is".
Personally, I prefer to see videos on something like Vimeo rather than YouTube or a similar site. Vimeo has a certain air of professionalism about it while still be convenient and user-friendly. Also, you can put embedded videos on your support pages if you wish or simply link to the videos in FAQs or forums. It makes it very convenient. Again though, this is just MHO.
A popular modern option is Wistia. They are more expensive than say Vimeo, but they have excellent tools for collecting emails and for analyzing how well your videos are doing. Basically they are hosting combined with video marketing.
I decided to go with them for my indie-hacker screencasts site.

Resources