• leibniz81

    (@leibniz81)


    Hello everyone,

    Recently, I′ve realized that my website is slower in mobiles than computers. I′ve done many speed tests specially with pingdom and PageSpeed Insights. I′ve read many articles and I′ve installed some plugins sucha as W3 total cache, Wp optimize and Better wordpress minify. It′s true that the tests are better now but the problems in mobiles remain.

    When I test in the PageSpeed Insights it recommends me to remove some JavaScript and Css because it seems that they are blocking some content.

    I don′t know how to fix that, any recommendations?

Viewing 14 replies - 1 through 14 (of 14 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Render-blocking issues are not relevant to your page speed, fixing this issue will not make your page any faster.

    Thread Starter leibniz81

    (@leibniz81)

    Thans for the answer Andrew, so Can′t I do anything to speed up my website in mobiles? The problem is the design of the website?

    I leave here the website if you want to check it: https://www.denisgomez.com

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Your site took me 4 seconds to load the first byte of data. Can you talk to your hosting providers about this and see if they say that’s normal? Because 4 seconds is crazy just to wait for your server to respond.

    I’m in the UK and the time I accessed it was 7pm (GMT)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Edit: Actually I’ve loaded the site again and it’s down to 1 second for the first byte.

    So that kinda proves the point that speed is very difficult to test.

    Anyway…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’re loading this massive image on mobile: https://www.denisgomez.com/wp-content/uploads/2016/02/denis_header15.jpg

    It needs to only be about 400px wide for a mobile screen. It’s a CSS background image so that should make it easier to add a smaller image for smaller screen sizes. You want to do this with CSS media queries

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is there a way you could contact your theme’s vendors about this modification https://info.template-help.com/help/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I could give you a CSS solution, but your header image will not be content managed.

    Thread Starter leibniz81

    (@leibniz81)

    The dimensions of this image is 1500 × 424 and It′s only 91 kbytes but I imagine that it is causing problems with mobile format. I dind′t know that I can have one image for computer and other for mobiles. I guess that I can contact with the template support but I don′t know what exactly say to them.

    According to the CSS solution, as you can see I′m not a developer and I don′t know if I dare to modify some code of the website…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    That’s amazing, 91kb! Okay forget that one ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    So how slow is slow to you? We just need to get to the stage where we can replicate your issue.

    Thread Starter leibniz81

    (@leibniz81)

    hahah I don′t know what to answer. The thing is if I do a test with pingdom the website is fast 1,90 segs, in fact it is, especially in a computer, but in mobiles is just the opposite. I haven′t measured the time in a mobile because I don′t know if it exists a web that discriminate mobiles and computers, but more or less I calculate 8 seconds to load the website in mobiles…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It’s a bit odd that your website would be slower on mobile, because at most the same content is displayed to a mobile as it is to a desktop. What is more likely to be different is the network that your mobile uses.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I haven’t visited your site on a mobile phone, but using Chrome’s developer tools I have emulated a mobile phone. It seems the same content is loaded as if it were desktop – but I don’t have a reliable way to test your website speed on mobile alone.

    Thread Starter leibniz81

    (@leibniz81)

    I use the wifi of my home with both devices so I know that it′s odd but I don′t find the explanation and probably will be the code of the web…

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘How to speed up a website with css and javascript problems?’ is closed to new replies.