lazyloaded images appear in Google PageSpeed Insights
up vote
0
down vote
favorite
On our website we have a menu with tabs and images. Images are hidden under the tabs and should be loaded only when the tab is open. We use this javascript lazyload library to achieve this.
When i open my network i see that everything is ok and images are being loaded only when i open the tab and the image area is visible.
When i run google page speed insights i see that it complains about poor optimization of these images.
Should it even see these lazyloaded images? I thought it fetches only plain rendered part of the website, it can't open the tabs. So how it fetches those images?
UPD: gtmetrix does not complain about these images and, as expected, does not even show them as loaded in gtmetrix waterfall.
image src google-pagespeed lazyload
add a comment |
up vote
0
down vote
favorite
On our website we have a menu with tabs and images. Images are hidden under the tabs and should be loaded only when the tab is open. We use this javascript lazyload library to achieve this.
When i open my network i see that everything is ok and images are being loaded only when i open the tab and the image area is visible.
When i run google page speed insights i see that it complains about poor optimization of these images.
Should it even see these lazyloaded images? I thought it fetches only plain rendered part of the website, it can't open the tabs. So how it fetches those images?
UPD: gtmetrix does not complain about these images and, as expected, does not even show them as loaded in gtmetrix waterfall.
image src google-pagespeed lazyload
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
On our website we have a menu with tabs and images. Images are hidden under the tabs and should be loaded only when the tab is open. We use this javascript lazyload library to achieve this.
When i open my network i see that everything is ok and images are being loaded only when i open the tab and the image area is visible.
When i run google page speed insights i see that it complains about poor optimization of these images.
Should it even see these lazyloaded images? I thought it fetches only plain rendered part of the website, it can't open the tabs. So how it fetches those images?
UPD: gtmetrix does not complain about these images and, as expected, does not even show them as loaded in gtmetrix waterfall.
image src google-pagespeed lazyload
On our website we have a menu with tabs and images. Images are hidden under the tabs and should be loaded only when the tab is open. We use this javascript lazyload library to achieve this.
When i open my network i see that everything is ok and images are being loaded only when i open the tab and the image area is visible.
When i run google page speed insights i see that it complains about poor optimization of these images.
Should it even see these lazyloaded images? I thought it fetches only plain rendered part of the website, it can't open the tabs. So how it fetches those images?
UPD: gtmetrix does not complain about these images and, as expected, does not even show them as loaded in gtmetrix waterfall.
image src google-pagespeed lazyload
image src google-pagespeed lazyload
edited Nov 8 at 17:00
asked Nov 8 at 10:58
كمران جنجيز اشرف
33
33
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53206333%2flazyloaded-images-appear-in-google-pagespeed-insights%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown