I'm not sure this is a WP or theme related question.. sorry if I wrong asking here.
How are the picture managed?
I noticed that my pages are much bigger than before.
I was wondering, as I just load 1 pictures in the media library, how are the images handled, and If I should consider something special when I upload my pictures.
But I'm also not sure if there is any other page using this image let's say in 2290x2886 (for example)
So I wonder, Should I check (how?) if this image is used bigger somewhere else and change the image to a smaller one? and for the first page, it is a preview of the blog post, so there is not a way to load a smaller image (unless that image is the same shown also in the post) right?
First if you want to have a retina ready site, your image should be 2 time bigger than the size you use them on the page.
For the blog module etc, we use thumbnail based with 1200px width, because the max width by default of the place that use the featured image is 1200px.
For the single image you upload and use on the page, for example this one :
It says that you are using a 2290px width image but only showing it has 973px.
You need to check and find the width the image show on the site and basically use a 2 times bigger image, so for the example above the best size to use is 1946px
But this use scaled image thing from gtmetrix is stupid, because now most of the site need to be retina ready and you will need to use bigger image than what you are actually showing.
the import thing is not the rating but the loading speed of the page, this is the only thing google check to rank the website.
Do not hesitate to contact us if you have more questions.
Hello!
I'm not sure this is a WP or theme related question.. sorry if I wrong asking here.
How are the picture managed?
I noticed that my pages are much bigger than before.
I was wondering, as I just load 1 pictures in the media library, how are the images handled, and If I should consider something special when I upload my pictures.
I've checked the homepage with gmetrics https://gtmetrix.com/reports/www.ilgiardinodilegno.it/7JE7e7pg
and for example I get
but If I check this page:
http://www.ilgiardinodilegno.it/realizzazioni/cose-di-casa-06-16/
i get:
But I'm also not sure if there is any other page using this image let's say in 2290x2886 (for example)
So I wonder, Should I check (how?) if this image is used bigger somewhere else and change the image to a smaller one?
and for the first page, it is a preview of the blog post, so there is not a way to load a smaller image (unless that image is the same shown also in the post) right?
thanks for your help!
Hello again,
First if you want to have a retina ready site, your image should be 2 time bigger than the size you use them on the page.
For the blog module etc, we use thumbnail based with 1200px width, because the max width by default of the place that use the featured image is 1200px.
For the single image you upload and use on the page, for example this one :
It says that you are using a 2290px width image but only showing it has 973px.
You need to check and find the width the image show on the site and basically use a 2 times bigger image, so for the example above the best size to use is 1946px
But this use scaled image thing from gtmetrix is stupid, because now most of the site need to be retina ready and you will need to use bigger image than what you are actually showing.
the import thing is not the rating but the loading speed of the page, this is the only thing google check to rank the website.
Do not hesitate to contact us if you have more questions.
Have a nice day!
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme