Need help optimizing my site for load speed

I had an issue today where my site sometimes would not load at all, or other times I was able to get it to load, but it was much slower than usual. I don't know of any changes I made since Saturday when I last looked at the site and it seemed to load correctly.

I spent a significant amount of time with GoDaddy tech support they were not able to find any real issue that would prevent the site from loading, but they recommend two sites where I could analyze my site for load optimization - websiteoptimization.com and gtmetrix.com.
I ran reports from both sites on the home page and I've attached copies of the results from both.

My first concern is that my customers will be annoyed at a slow loading site, but I'm also worried that my SEO will be hurt by a slow load and I won't able to make it to the top of the first page.

Can you please guide me as to how I should speed up my site and ensure it will always load?

thanks,
Eric

From the websiteoptimization.com report:
1. It says I have too many objects. I'm surprised by this. Is it referring to menu items as well as images within my rev slider? I have not even added the video yet.
2. It says the size of the page is too large. I've not even added the video yet.
3. It says I have too many external scripts.
4. It says my image size is too big
5. It says my script size is too big.

From the GT Metrix, I have a number of issues as well.

  • Alex Stine

    Hello,
    Results: https://gtmetrix.com/reports/www.doodlenoodle.com/R2OCAfn8
    You just need to go down the list and see what you can fix. Inline JS and CSS I would not worry about, this increases the size of HTML documents and personally I don't think it really helps.
    I will get you started on some fixes.

    1. Accept Incoding Header: Place this code in your .htaccess file.

    <IfModule mod_headers.c>
      <FilesMatch ".(js|css|xml|gz|html)$">
        Header append Vary: Accept-Encoding
      </FilesMatch>
    </IfModule>

    2. Remove Query Strings.

    Plugin: https://wordpress.org/plugins/remove-query-strings-from-static-resources/
    functions.php code:

    /**Remove Query String from Static Resources**/
    function remove_cssjs_ver( $src ) {
     if( strpos( $src, '?ver=' ) )
     $src = remove_query_arg( 'ver', $src );
     return $src;
    }
    add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );

    3. Optimize Images.

    Plugin: https://premium.wpmudev.org/project/wp-smush-pro/

    4. Minimize Redirects: You and GoDaddy need to work that one out.
    5. Leverage Browser Caching.

    Place this in your .htaccess file:

    ## EXPIRES CACHING ##
    <IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/jpg "access plus 1 year"
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/gif "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType text/css "access plus 1 month"
    ExpiresByType application/pdf "access plus 1 month"
    ExpiresByType text/x-javascript "access plus 1 month"
    ExpiresByType application/x-shockwave-flash "access plus 1 month"
    ExpiresByType image/x-icon "access plus 1 year"
    ExpiresDefault "access plus 2 days"
    </IfModule>
    ## EXPIRES CACHING ##
    <IfModule mod_expires.c>
    # Enable expirations
    ExpiresActive On
    # Default directive
    ExpiresDefault "access plus 1 month"
    # My favicon
    ExpiresByType image/x-icon "access plus 1 year"
    # Images
    ExpiresByType image/gif "access plus 1 month"
    ExpiresByType image/png "access plus 1 month"
    ExpiresByType image/jpg "access plus 1 month"
    ExpiresByType image/jpeg "access plus 1 month"
    # CSS
    ExpiresByType text/css "access 1 week"
    # Javascript
    ExpiresByType application/javascript "access plus 1 year"
    </IfModule>
    ## EXPIRES CACHING ##

    5. Minify CSS/JS.

    CSS: https://cssminifier.com/
    JS: https://javascript-minifier.com/

    6. Enable GZip Compression.

    Place this code in your .htaccess file:

    <IfModule mod_deflate.c>
      # Compress HTML, CSS, JavaScript, Text, XML and fonts
      AddOutputFilterByType DEFLATE application/javascript
      AddOutputFilterByType DEFLATE application/rss+xml
      AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
      AddOutputFilterByType DEFLATE application/x-font
      AddOutputFilterByType DEFLATE application/x-font-opentype
      AddOutputFilterByType DEFLATE application/x-font-otf
      AddOutputFilterByType DEFLATE application/x-font-truetype
      AddOutputFilterByType DEFLATE application/x-font-ttf
      AddOutputFilterByType DEFLATE application/x-javascript
      AddOutputFilterByType DEFLATE application/xhtml+xml
      AddOutputFilterByType DEFLATE application/xml
      AddOutputFilterByType DEFLATE font/opentype
      AddOutputFilterByType DEFLATE font/otf
      AddOutputFilterByType DEFLATE font/ttf
      AddOutputFilterByType DEFLATE image/svg+xml
      AddOutputFilterByType DEFLATE image/x-icon
      AddOutputFilterByType DEFLATE text/css
      AddOutputFilterByType DEFLATE text/html
      AddOutputFilterByType DEFLATE text/javascript
      AddOutputFilterByType DEFLATE text/plain
      AddOutputFilterByType DEFLATE text/xml
    
      # Remove browser bugs (only needed for really old browsers)
      BrowserMatch ^Mozilla/4 gzip-only-text/html
      BrowserMatch ^Mozilla/4\.0[678] no-gzip
      BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
      Header append Vary User-Agent
    </IfModule>

    `

    This should get you started, please let me know if you have questions or problems.
    Thanks.

  • Rupok

    Hi EricGiauque

    I just tried to load your website and it was loading in my browser within 264 miliseconds which is blazing fast. Moreover, I ran a scan on your site through GTmetrix (https://gtmetrix.com/reports/www.doodlenoodle.com/6K3aShWU), and the loading time is 3.7s. You can get detailed result from another provider here: http://www.webpagetest.org/result/160119_9Q_4JD/

    I've checked on couple of other services too, but the loading time was less than 10 seconds everywhere. So I don't think it's a global issue. But it could be a Geo-regional issue. So first thing you can do is use CDN. That will do most of your optimizing tasks automatically. As CDNs server from the nearest server from the visitor, it serves fast, it has its own cache and lots of other features. There are lots of CDN providers available like CloudFlare, MaxCDN etc. Some of them even offer free plans.

    Sometimes, image size matters a lot in loading time. You can use our "Smush Pro" plugin to optimize all your images with just a few clicks.

    I believe, your issue is mainly location based and CDN should be the best option IMO for now.

    Here is also an article which will give you a list of plugins to make your site faster: https://premium.wpmudev.org/blog/10-plugins-to-make-wordpress-blazing-fast/

    Have a nice day. Cheers!
    Rupok

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.