• Creator
    Topic
  • #13525

    Anatoly Valushkin
    Spectator
    Been thanked: 0 times

    Hi, I am optimizing the site for SEO. Bing found the following issue:

    Evaluated size of HTML is estimated to be over 125 KB and risks not being fully cached.

    Recommended Action:
    Ensure that the page source does not contain large amounts of CSS or code at the top of the page. Consider moving code and styles into separate files.

    SEO Explanation:
    Search engines may not fully acquire the content on a page if the page is contains a lot of code. Extraneous code can push the content down in the page source making it harder for a search engine crawler to get to.  A soft limit of 125 KB is used for guidance to ensure all content & links are available in the page source to be cached by the crawler. This basically means if the page size is too big, a search engine may not be able to get all of the content or may end up not fully caching it.

    See also image: http://screencast.com/t/6oPdpQMHG

    My pages are relatively small but they take a while to load even WITHOUT the sliders. I have not added any custom CSS. What can be done to make them lighter? I am not using quite a few features, such a woocommerce, sliders, maps, etc. What can be removed from the header to make it lighter?

Viewing 9 replies - 1 through 9 (of 9 total)
Replies
  • Trondur Skaalum
    Spectator
    Post count: 1
    Been thanked: 0 times
    #13567 |

    Heving issues with mobile theme, Slowed by scripts

     

    <pre id=”tw-target-text” class=”tw-data-text vk_txt tw-ta tw-text-small” dir=”ltr” style=”unicode-bidi: -webkit-isolate; border: none; padding: 0px 0.14em 0px 0px; position: relative; margin-top: 0px; margin-bottom: 0px; resize: none; font-family: inherit; overflow: hidden; width: 237.5px; white-space: pre-wrap; word-wrap: break-word; color: #212121; height: 72px; font-size: 16px !important; line-height: 24px !important; background-color: #ffffff;” data-placeholder=”Oversættelse” data-fulltext=””>Remove reproduction blocking JavaScript and CSS from content above the fold
    <ul style=”max-height: 324px; overflow-x: hidden; overflow-y: auto; padding-left: 0px; background-color: rgb(255, 255, 255);”>
    <li style=”border-top-style: none; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-includes/js/jquery/jquery.js?ver=1.11.1″>http://www.starvsportal.fo/…-includes/js/jquery/jquery.js?ver=1.11.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1″>http://www.starvsportal.fo/…s/jquery/jquery-migrate.min.js?ver=1.2.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/library/media/js/carousel.js?ver=4.0.1″>http://www.starvsportal.fo/…e/library/media/js/carousel.js?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/library/media/js/tipsy.js?ver=4.0.1″>http://www.starvsportal.fo/…olve/library/media/js/tipsy.js?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/library/media/js/fields.js?ver=4.0.1″>http://www.starvsportal.fo/…lve/library/media/js/fields.js?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/library/media/js/supersubs.js?ver=4.0.1″>http://www.starvsportal.fo/…/library/media/js/supersubs.js?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/library/media/js/superfish.js?ver=4.0.1″>http://www.starvsportal.fo/…/library/media/js/superfish.js?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/library/media/js/buttons.js?ver=4.0.1″>http://www.starvsportal.fo/…ve/library/media/js/buttons.js?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/library/media/js/bootstrap/js/bootstrap.js?ver=4.0.1″>http://www.starvsportal.fo/…a/js/bootstrap/js/bootstrap.js?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://html5shim.googlecode.com/svn/trunk/html5.js?ver=4.0.1″>http://html5shim.googlecode.com/svn/trunk/html5.js?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/plugins/google-analyticator/external-tracking.min.js?ver=6.4.7.3″>http://www.starvsportal.fo/…tor/external-tracking.min.js?ver=6.4.7.3</span&gt;

    Optimize delevery of the following:
    <ul style=”max-height: 324px; overflow-x: hidden; overflow-y: auto; padding-left: 0px; background-color: rgb(255, 255, 255);”>
    <li style=”border-top-style: none; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://fonts.googleapis.com/css?family=Nobile%3Ar%2Cb%2Ci%7CGoudy+Bookletter+1911%3Ar%2Cb%2Ci%7COpen+Sans%3Ar%2Cb%2Ci%7CQuattrocento%3Ar%2Cb%2Ci%7CDroid+Serif%3Ar%2Cb%2Ci%7CPacifico%3Ar%2Cb%2Ci&ver=4.0.1″>http://fonts.googleapis.com/…2Cb%2Ci%7CPacifico%3Ar%2Cb%2Ci&ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/library/media/js/bootstrap/css/bootstrap.css?ver=4.0.1″>http://www.starvsportal.fo/…js/bootstrap/css/bootstrap.css?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/library/media/js/bootstrap/css/bootstrap-responsive.css?ver=4.0.1″>http://www.starvsportal.fo/…p/css/bootstrap-responsive.css?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/style.css?ver=4.0.1″>http://www.starvsportal.fo/…ontent/themes/evolve/style.css?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/library/media/css/reset.css”>http://www.starvsportal.fo/…hemes/evolve/library/media/css/reset.css</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/themes/evolve/library/media/css/base.css”>http://www.starvsportal.fo/…themes/evolve/library/media/css/base.css</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/plugins/automatic-youtube-video-posts/css/style.css?ver=4.0.1″>http://www.starvsportal.fo/…tube-video-posts/css/style.css?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/themes/base/jquery-ui.css?ver=4.0.1″>http://ajax.googleapis.com/…10.0/themes/base/jquery-ui.css?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://blueimp.github.com/jQuery-Image-Gallery/css/jquery.image-gallery.min.css?ver=4.0.1″>http://blueimp.github.com/…s/jquery.image-gallery.min.css?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/plugins/jquery-html5-file-upload/css/jquery.fileupload-ui.css?ver=4.0.1″>http://www.starvsportal.fo/…d/css/jquery.fileupload-ui.css?ver=4.0.1</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/plugins/jetpack/modules/widgets/widgets.css?ver=20121003″>http://www.starvsportal.fo/…modules/widgets/widgets.css?ver=20121003</span&gt;
    <li style=”border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dashed; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.starvsportal.fo/wp-content/plugins/profile-builder/assets/css/front.end.css?ver=4.0.1″>http://www.starvsportal.fo/…ilder/assets/css/front.end.css?ver=4.0.1</span&gt;

    Anatoly Valushkin
    Spectator
    Post count: 26
    Been thanked: 0 times
    #13637 |

    Hi, do you have any response to the issue of the theme loading so slow? Just try this page: https://powerofaloe.com/benefits/. According to http://www.webpagetest.org/ it takes almost 9 seconds to load. It has a little bit of text and a 13K image. Do you have any solutions? Thanks!

    Roman
    Keymaster
    Post count: 2542
    Been thanked: 29 times
    #13638 |

    I would suggest to disable plugins which are built in with the theme e.g. Layer Slider, Revolution slider, if you don’t use them. other tools shows page speed is 95% http://gtmetrix.com/reports/powerofaloe.com/iBoJOi7L

    Anatoly Valushkin
    Spectator
    Post count: 26
    Been thanked: 0 times
    #13644 |

    I only use Revolution slider. How do I disable the other sliders? I don’t know what 95% means on that site, but the ultimate measure for the end user/customer is the load time, which is huge for such a small page. Therefore, any specific advice on how to lighten up the theme will be much appreciated.

    Anatoly Valushkin
    Spectator
    Post count: 26
    Been thanked: 0 times
    #13645 |

    I disabled the majority of JavaScript options in the Extra tab of the theme and disabled the Layer and Flex sliders. I cleared cache on the server and ran your GTMetrix test again. Page size INCREASED by 250K, Speed Grade slightly worsened to 94%, although the page loads faster by a mere 0.5 seconds. http://gtmetrix.com/reports/powerofaloe.com/lPkvLwg4.

    You might be interested in this example for reference. The grade speed is lower, at 90%, but note that a 12MB page with running video loads in just 3 seconds. http://gtmetrix.com/reports/www.yottaa.com/9QAg8220.

    So practically, there is no improvement. Do you have other suggestions? Again, this is not only poor end user experience, but this is also bad for SEO.

    Roman
    Keymaster
    Post count: 2542
    Been thanked: 29 times
    #13657 |

    I would recommend also to use a cache plugin, e.g. W3 total cache to handle the javascripts. also there are plugins Boxer, JetPack which slow down the page speed. anyway, if you would like to have 1-3 seconds page, it would need to look like google.com 🙂

    Anatoly Valushkin
    Spectator
    Post count: 26
    Been thanked: 0 times
    #13896 |

    Roman, the W3 Total Cache made a lot of difference. Thank you for your advice. Also removed Boxer. For your information, when I run the Google Page Speed Report, the ONLY red alert is this:

    Eliminate render-blocking JavaScript and CSS in above-the-fold content

    Thank you!

    Anatoly Valushkin
    Spectator
    Post count: 26
    Been thanked: 0 times
    #13897 |

    As far as the 3-second page load time – this seems to be the standard now for websites. See http://mashable.com/2014/12/24/website-faux-pas/. See #2 – “…40% of visitors will leave your website if it takes longer than 3 seconds to load.”

    Very much looking forward to lighter CSS in the future versions. Thank you.

    Roman
    Keymaster
    Post count: 2542
    Been thanked: 29 times
    #13899 |

    Will work on that in the next versions

Viewing 9 replies - 1 through 9 (of 9 total)
You must be logged in to reply to this topic.