What causes page load speed errors?

by ncloud
11 replies
When I put my URL into google's page speed insights, it shows several errors that need fixed to speed up my page load speed. And it supposedly tells you how to fix each error, but I can't understand any of it because I didn't learn any of that html, css, javascript stuff.

It's all like another language to me. And I don't want to learn it. I shouldn't have to - I thought Wordpress and my Theme was suppose to handle all of that junk for me. Could someone tell me how my fairly new website has ended up with so many errors? How does that happen? Is this normal? What causes it? A bad theme or is it something else?

Here's a list of the errors:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Reduce server response time
Leverage browser caching
Minify JavaScript
Minify CSS
Optimize images
Minify HTML
Size tap targets appropriately
#errors #load #page #speed
  • WordPress is indeed a helpful CMS for beginners, but if you want the website to be optimized as per Google's standards, you should consider hiring a freelancer/ developer who can sort out these things for you. There are several WordPress plugins which affect the website's speed and browsing experience. So I'll recommend you to get it fixed by an experienced developer.
    {{ DiscussionBoard.errors[10242268].message }}
  • Profile picture of the author Leon William
    You can minify the JavaScript and CSS errors by using CSS minify plugin. And for optimizing the image reduce the size and use Lazyload plugin.
    {{ DiscussionBoard.errors[10242319].message }}
  • Profile picture of the author ncloud
    Thanks guys

    . I'll check out those plugins. I wish the Page Speed Insights tool would just tell me simple solutions like that instead of leaving me scratching my head.

    Where do you hire a website developer, if I needed to go that route later on? Elance?
    {{ DiscussionBoard.errors[10243822].message }}
  • Profile picture of the author Sowkat Hossain
    Yah, It is normal. But If you minify your html, css, js and resize your web images with lower size then your webpage loading speed will be rise.
    {{ DiscussionBoard.errors[10253255].message }}
  • Basically, you need to minify HTML, CSS and Javascript. Here is a good article on it: How to improve your website's page speed?
    {{ DiscussionBoard.errors[10288373].message }}
    • Profile picture of the author tonytong
      you can try this free online service to minify javascript and minify css, so it will reduce the size of web page, and then your page can be load faster.
      {{ DiscussionBoard.errors[10432254].message }}
  • Profile picture of the author Niks24
    Lots of use of the javascript causes the page load speed error, there are ways you can reduce that make your code working, try to code less for speed optimization.
    Signature
    Served Over 100 customers and there needs with Web and Mobile Apps Development, if you are looking for one please connect with me with good turnaround.
    {{ DiscussionBoard.errors[10432486].message }}
  • Profile picture of the author psingh1405
    You need to reduce HTML, CSS and Javascript, Jquery.
    {{ DiscussionBoard.errors[10432570].message }}
  • Profile picture of the author Thoughtgrid
    System startup packed too many applications,spyware,slow network performance,badly fragment hard drive,hardware problems,poor security software steal your system resources.
    {{ DiscussionBoard.errors[10858612].message }}
  • Profile picture of the author Hatuko
    Originally Posted by ncloud View Post

    Eliminate render-blocking JavaScript and CSS in above-the-fold content
    This means that you have one or more scripts that must be evaluated before the page can be rendered due to the position of the scripts in the page. There are various ways to avoid this, but perhaps the easiest of them all is to move all the script tags to the bottom of the page, just before the </BODY> tag.

    Reduce server response time
    Generally speaking you can help reduce response time by serving less requests / making the server work less. So you could offload static assets to a CDN, for starters. Also make sure you have a caching plugin in Wordpress to serve static pages and also PHP caching such as APC depending on the version of PHP in use.

    Leverage browser caching
    In the virtual host of the website make sure that you have rules to maximise the caching of the static assets, so that they do not have to be downloaded for each page view after the first one. For this to work well, you must make sure that the URLs for the static assets change when their content changes. So you would add a version number or something to the filenames.

    Minify JavaScript
    Minify CSS
    If you don't change JavaScript/CSS often, you can find several "minifiers" or compressors online.

    Optimize images
    You can use ImageOptim for example to optimise file size of your images with little to no loss in visual quality.

    Minify HTML
    This requires a plugin in Wordpress since the HTML is generated dynamically. Usually caching plugins can also do this.

    Size tap targets appropriately
    This depends on the overall design I think
    {{ DiscussionBoard.errors[10870190].message }}

Trending Topics