Google maps and pagespeed

1,316 views
Skip to first unread message

Марк Кричевский

unread,
May 14, 2016, 12:51:10 PM5/14/16
to pagespeed-insights-discuss
Hello!

Our site have 99/100 for mobile optimization.

We determine that the case in the google maps.

Message The active element <div> </ div> and located too close to other active elements.

Retreated enough. I faced anyone?

I understand that it is not essential, but I want to win. 

Rick Steinwand

unread,
May 16, 2016, 8:05:14 AM5/16/16
to pagespeed-insights-discuss
Add it to the page after page load complete with javascript.

Марк Кричевский

unread,
May 16, 2016, 8:38:14 AM5/16/16
to pagespeed-insights-discuss
window.onload = init();
no, It does not help

понедельник, 16 мая 2016 г., 16:05:14 UTC+4 пользователь Rick Steinwand написал:

Rick Steinwand

unread,
May 16, 2016, 12:04:37 PM5/16/16
to pagespeed-insights-discuss
You'll need a couple seconds delay so PSI thinks the page is done.

Марк Кричевский

unread,
May 16, 2016, 12:14:41 PM5/16/16
to pagespeed-insights-discuss
$(window).load(function() {
setTimeout(function(){
init();
}, 5000);
});

NOPE =(

понедельник, 16 мая 2016 г., 20:04:37 UTC+4 пользователь Rick Steinwand написал:

Joshua Marantz

unread,
May 16, 2016, 12:49:45 PM5/16/16
to pagespeed-insights-discuss
Try using requestAnimationFrame and window.setTimeout(0) as shown on the OptimizeCSSDelivery example.  That code shows how to load the non-critical CSS after the page shows up, but you can hack the body of loadDeferredStyles() in that example with something that will bring up the maps API rather than (or in addition to) loading the CSS.

I haven't tried this, but it would be great to see if that worked for you, and it wouldn't add an arbitrary 5 second delay.  It will try to load the maps API after the page shows up.

--
You received this message because you are subscribed to the Google Groups "pagespeed-insights-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pagespeed-insights-...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/pagespeed-insights-discuss/de68629e-6cc4-4643-9142-0ae88c8aa2eb%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Марк Кричевский

unread,
May 16, 2016, 2:04:28 PM5/16/16
to pagespeed-insights-discuss
I think you both talk about page speed, not mobile usabilitty google rank? How load map after document can helps with this?
Screenshot in attachment

понедельник, 16 мая 2016 г., 20:49:45 UTC+4 пользователь Joshua Marantz написал:
Try using requestAnimationFrame and window.setTimeout(0) as shown on the OptimizeCSSDelivery example.  That code shows how to load the non-critical CSS after the page shows up, but you can hack the body of loadDeferredStyles() in that example with something that will bring up the maps API rather than (or in addition to) loading the CSS.
I haven't tried this, but it would be great to see if that worked for you, and it wouldn't add an arbitrary 5 second delay.  It will try to load the maps API after the page shows up.

On May 16, 2016 12:14 PM, "Марк Кричевский" <eno...@gmail.com> wrote:
$(window).load(function() {
setTimeout(function(){
init();
}, 5000);
});

NOPE =(

понедельник, 16 мая 2016 г., 20:04:37 UTC+4 пользователь Rick Steinwand написал:
You'll need a couple seconds delay so PSI thinks the page is done.

--
You received this message because you are subscribed to the Google Groups "pagespeed-insights-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pagespeed-insights-discuss+unsub...@googlegroups.com.
screenshot.jpg

Joshua Marantz

unread,
May 16, 2016, 2:12:15 PM5/16/16
to pagespeed-insights-discuss
You got a 99/100 for usability and an 80/100 for performance, with the primary issue being blocking css/javascript. So it seems to me like you want to spend some time on performance, and worry about the 1 extra point later, or in parallel.

I pointed you to the page that shows you exactly how to solve blocking on external CSS, and I suggested you can extend it to avoid blocking on external JS.

What else are you looking for?

-Josh

On Mon, May 16, 2016 at 2:04 PM, Марк Кричевский <eno...@gmail.com> wrote:
I think you both talk about page speed, not mobile usabilitty google rank? How load map after document can helps with this?
Screenshot in attachment

понедельник, 16 мая 2016 г., 20:49:45 UTC+4 пользователь Joshua Marantz написал:
Try using requestAnimationFrame and window.setTimeout(0) as shown on the OptimizeCSSDelivery example.  That code shows how to load the non-critical CSS after the page shows up, but you can hack the body of loadDeferredStyles() in that example with something that will bring up the maps API rather than (or in addition to) loading the CSS.
I haven't tried this, but it would be great to see if that worked for you, and it wouldn't add an arbitrary 5 second delay.  It will try to load the maps API after the page shows up.

On May 16, 2016 12:14 PM, "Марк Кричевский" <eno...@gmail.com> wrote:
$(window).load(function() {
setTimeout(function(){
init();
}, 5000);
});

NOPE =(

понедельник, 16 мая 2016 г., 20:04:37 UTC+4 пользователь Rick Steinwand написал:
You'll need a couple seconds delay so PSI thinks the page is done.

--
You received this message because you are subscribed to the Google Groups "pagespeed-insights-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pagespeed-insights-...@googlegroups.com.

--
You received this message because you are subscribed to the Google Groups "pagespeed-insights-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pagespeed-insights-...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/pagespeed-insights-discuss/af617362-5959-48ac-a73d-9a8a15cbe613%40googlegroups.com.

Марк Кричевский

unread,
May 16, 2016, 2:16:42 PM5/16/16
to pagespeed-insights-discuss
Ok, you right, i'm do not pay attention to the facts. 1 extra poni is about interest, not necessity.
I'll try your sugestion, but most speed lost in about server response and, as you see, blocking css/javascript.
But i can load main styles and bootstrap library async. It is too much for the user. And I tried, went down by 20 points.
But maybe I did something wrong. I'll check in detail your past message, thank you


понедельник, 16 мая 2016 г., 22:12:15 UTC+4 пользователь Joshua Marantz написал:
You got a 99/100 for usability and an 80/100 for performance, with the primary issue being blocking css/javascript. So it seems to me like you want to spend some time on performance, and worry about the 1 extra point later, or in parallel.

I pointed you to the page that shows you exactly how to solve blocking on external CSS, and I suggested you can extend it to avoid blocking on external JS.

What else are you looking for?

-Josh
On Mon, May 16, 2016 at 2:04 PM, Марк Кричевский <eno...@gmail.com> wrote:
I think you both talk about page speed, not mobile usabilitty google rank? How load map after document can helps with this?
Screenshot in attachment

понедельник, 16 мая 2016 г., 20:49:45 UTC+4 пользователь Joshua Marantz написал:
Try using requestAnimationFrame and window.setTimeout(0) as shown on the OptimizeCSSDelivery example.  That code shows how to load the non-critical CSS after the page shows up, but you can hack the body of loadDeferredStyles() in that example with something that will bring up the maps API rather than (or in addition to) loading the CSS.
I haven't tried this, but it would be great to see if that worked for you, and it wouldn't add an arbitrary 5 second delay.  It will try to load the maps API after the page shows up.

On May 16, 2016 12:14 PM, "Марк Кричевский" <eno...@gmail.com> wrote:
$(window).load(function() {
setTimeout(function(){
init();
}, 5000);
});

NOPE =(

понедельник, 16 мая 2016 г., 20:04:37 UTC+4 пользователь Rick Steinwand написал:
You'll need a couple seconds delay so PSI thinks the page is done.

--
You received this message because you are subscribed to the Google Groups "pagespeed-insights-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pagespeed-insights-discuss+unsub...@googlegroups.com.

--
You received this message because you are subscribed to the Google Groups "pagespeed-insights-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pagespeed-insights-discuss+unsub...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages