My images coming from Contentful doesn't seems to be gzip compressed. Is there any setting that I need to make?
This link talks about that this is possible but I couldn't find any such setting. Can you please let me know how can I ensure that images I'm getting from Contentful cloudfront are gzip encoded?
there is no need for GZIP compression on images. GZIP and other compression algorithms only make sense for text-based formats. Images (and other binary formats) rely on different compression algorithms.
You can find more information here: https://webmasters.stackexchange.com/questions/8382/is-gzipping-images-worth-it-for-a-small-size-reduction-but-overhead-compressing
Hope that helps. :)
Related
Storing my photos on AWS and serving them with Cloudflare.
Cloudflare serves all phtos as WebP. But some of browsers that don't support WebP, can not see my images. So that is a seriously problem for me.
Couldn find any configuration with that situation. How can I disable webp convertation? Or can I make It dynamically (firstly I define my visitor's browsers, then I show em WebP image, or not WebP image)
There are at least a couple settings that could affect this. They are under the "Speed" page on the "Optimization" tab of the Cloudflare Dashboard.
Image Resizing
Polish
Both these could be converting images to WebP format. However, in theory, they should only serve this format when the client / browser supports it.
You can turn off these settings and it should result in a quick fix, but I would also reach out to Cloudflare support with details on the clients you are seeing errors with.
I try use debug tool and result:
Provided og:image, https:xyz.com/storage/posts/images/1615524371abc.jpg could not be downloaded. This can happen due to several different reasons such as your server using unsupported content-encoding. The crawler accepts deflate and gzip content encodings.
I use Laravel and Apache Server in Centos.
I don't know how to deal with it. Hope to find the answer here. Thanks
I've been tasked to look into Gzip compression. I've figured out so far that is not just generally accepted, but also pretty common. Now my question is how does Gzip compression influence the crawlers that visit my page?
What should I keep in mind when I decide to Gzip my page?
Will my SEO suffer from this in any way?
In short, compression: How to do it the right way?
Gzipping should not affect how crawlers look at the page. Google even suggests compressing the content, so there should not be any problem in using gzipped contents. In fact it should help in your page ranking. Most of the modern browsers supports Gzipped contents and request them in accept-headers. There are certain things you need to do like minifying of js and css before doing gzipping and there are plenty of good articles about what needs to be done. It also depends on your capability of your system environment.
Caution: There might be few region specific crawlers which may not support them, but most of the major ones do.
I read some articles about HTTP headers compression. Today I installed YSlow and it recommends that I compress the resources (text/html, javascript, css and images). Now I'm reading the documentation for Apache mod_deflate but in the example don't compress images.
Should I or should I not compress images in my site?
Your images should already be compressed - any extra compression won't have any noticeable effect on filesize, but will increase processing time.
.png files use DEFLATE compression already.
.jpg files generally use lossy compression.
.gif files use LZW compression.
Compressing files that have already been compressed very rarely results in a reduction in filesize, and can often increase filesize.
Images such as GIF, JPEG or PNG are already compressed via highly specialized algorithms that achieve better result than general purpose algorithms such as deflate.
Therefore, re-compressing them yields little to no gain in size, and can even make files bigger, with the added cost of server-side processing.
So, in other words... do not compress images.
SVGs should be compressed by Apache mod_deflate as
AddType image/svg+xml svg
AddOutputFilterByType DEFLATE image/svg+xml
More information at https://httpd.apache.org/docs/2.4/mod/mod_deflate.html.
When using CSS3 and custom fonts, the client needs to download .oft or .ttf files. These files can be >50K. Can these files be compressed? How? Assuming Apache web server.
I am looking for a compression technique or an Apache configuration. Any ideas will help because downloading +50K files should be prevented.
.ttf files compress quite well (analysis with hex editor shows a lot of 0x00's and simple zipping reduces their size to 50% or even less of original size - at least fonts I checked), so I think any compression script would do the trick and I think same rule applies oft files as well.