Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

  • Tom Engan 430 posts 1173 karma points
    Sep 24, 2015 @ 14:19
    Tom Engan

    ClientDependency JavaScript and CSS optimization's proposal from Google PageSpeed Insights

    Use: Umbraco version 7.2.8 assembly: 1.0.5675.23466

    Google PageSpeed Insights tool:

    When I use ClientDependency, it's work as expected, but I got a note on this 3 lines (2 CSS and 1 JavaScript):

    <link href=",500" type="text/css" rel="stylesheet"/>
    <link href="DependencyHandler.axd?s=L2Nzcy9ib290c3RyYXAubWluLmNzczsvY3NzL2ZvbnQtYXdlc29tZS5taW4uY3NzOy9jc3MvcnRlLmNzczsvY3NzL3N0eWxlLmNzczsvY3NzL2hvbWUuY3NzOy9jc3MvZndiZ2Nhcm91c2VsLmNzczsvY3NzL2Nhcm91c2VsLmNzczs&amp;t=Css&amp;cdv=0" type="text/css" rel="stylesheet"/>
    <script src="DependencyHandler.axd?s=L2pzL2Jvb3RzdHJhcC5taW4uanM7&amp;t=Javascript&amp;cdv=0" type="text/javascript"></script>

    Google give me these two links for optimization:

    Remove Render-Blocking JavaScript (Make JavaScript Asynchronous - async)

    Optimize CSS Delivery

    Are there some known configuration for ClientDependency regarding improvement of the optimization?

  • Carl Jackson 139 posts 478 karma points
    Sep 24, 2015 @ 14:33
    Carl Jackson

    Hi Tom.

    The optimizations that pagespeed are talking about are loading the javascript async rather than as render blocking in the head of the page.

    Doing this depends on if you have any inline scripts anywhere which depend on your client dependcy scripts? if not you can add an html attribute object with async="async" when setting the scripts as required in client dependency.

    The CSS is a whole other issue - you need to lazy load the CSS basically - there are lazy loaders for CSS for example

    However, lazy loading all of your CSS is bad - as there will be a noticeable "flick" from content loading to styles loading. So the approach you need to take is to prioritize the above fold CSS and inline these styles in your head (just enough for the page to look pretty) and then lazy load the rest.

    This entire process will normally mean re-engineering your stylesheets (if not revising your entire approach to styling) and in my oppinion the user benefits are very limited.

    Be careful you will find yourself spending hours chasing pagespeed optimization with very little end user benefit!



Please Sign in or register to post replies

Write your reply to: