Links of embedded timeline are too close on mobile


#1

Hello,

I use Google PageSpeed Insights (https://developers.google.com/speed/pagespeed/insights/) to test the mobile compatibility of the mobile version of my site and the answer of the test is :

  • icons Reply, Retweet and Favorite are too close.
  • some link are too close because the line height is not sufficient

Do we have the possibility to customize these part of the timeline ?

Thanks in advance

Vincent


#2

No, you cannot customize the padding between Tweet icons in an embedded Timeline.


#3

Our widgets are designed and tested to work great on mobile and they do have great page speed scores. Here’s an example I tried:
Source: http://jsbin.com/xerorariro/6/edit
PageSpeed: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fjsbin.com%2Fxerorariro%2F6%2F

Perhaps your page is missing mobile meta tags such as width=device-width (more info). Without a mobile viewport meta tag, the scores are poor just like you say:

No meta tags:
Source: http://jsbin.com/peguneyucu/1/
page speed: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fjsbin.com%2Fpeguneyucu%2F1%2F


#4

Hello,

Thanks for your answer. I will have a look.

But when I see the PageSpped Insights of the first site : https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fjsbin.com%2Fxerorariro%2F6%2F, the tweeted icons appear too close for Google (remark in red)

Vincent


#5

I used jsbin anonymously, and looks like the preview page expires and goes to the jsbin edit page which is not mobile friendly. This jsbin should hopefully work: http://jsbin.com/jupaqo/2/


#6

Thanks for your answer. I will have a look on these meta tags to see if I can change the result of the Google PageSpeed Insights.


#7