How to speed up a website with css and javascript problems?

  • leibniz81

    (@leibniz81)


    8 years, 1 month ago

    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

    8 years, 1 month ago

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

    Thread Starter leibniz81

    (@leibniz81)

    8 years, 1 month ago

    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: http://www.denisgomez.com

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 1 month ago

    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

    8 years, 1 month ago

    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

    8 years, 1 month ago

    You’re loading this massive image on mobile: http://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

    8 years, 1 month ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 1 month ago

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

    Thread Starter leibniz81

    (@leibniz81)

    8 years, 1 month ago

    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

    8 years, 1 month ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 1 month ago

    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)

    8 years, 1 month ago

    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

    8 years, 1 month ago

    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

    8 years, 1 month ago

    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)

    8 years, 1 month ago

    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.

Tags