pagespeed

Our site is considering making the switch to http2. My understanding is that http2 renders optimization techniques like file concatenation obsolete , since a server using http2 just sends one request. Instead, the advice I am seeing is that it's better to keep file sizes smaller so that they are more likely to be cached by a browser. It probably depends on the size of a website, but how small should a website's files be if its using http2 and wants to focus on caching? In our case, our many individual js and css files fall in the 1kb to 180kb range. Jquery and bootstrap might be more.

Let's face it, jQuery/jQuery-ui is a heavy download. Google recommends deferred loading of JavaScript to speed up initial rendering. My page uses jQuery to set up some tabs which are placed low on the page (mostly out of initial view) and I'd like to defer jQuery until AFTER the page has rendered. Google's deferral code adds a tag to the DOM after the page loads by hooking into the body onLoad event: <script type="text/javascript"> // Add a script element as a child of the body function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "deferredfunctions.js";