Web Performance

"In current implementations as of August 2012, no popular user agent pre-fetches resources that are subject to media queries until those media queries are satisfied. However, it seems like a more intelligent approach could be taken based on the liklihood that the media query may be satisfied at some point after a page has loaded. "

"A grunt task which takes a html file, finds all the css and js links, and outputs a version with all the css and js written inline for ease of pasting into a cms"

"Does combining the media queries have any actual performance improvements? Are people simply raising issue because they don't like the way the output CSS looks? That's a damn good question and one that Aaron also raised. As he put it, "Let's ask science!""

"I've worked on projects where some of the devices we needed to test on couldn't load the page at all if jQuery was present-it was just too much JavaScript for the device to handle."

Sitespeed.io is an open source tool that helps you analyze your website speed and performance based on performance best practices and metrics. It collects data from multiple pages on your website, analyze the pages using the rules and output the result as HTML or JUnit XML.

"serving CSS files from the same domain as the base page [is] a performance win"

"engines do serialize and strip out duplicated media-queries so they only need to evaluate each media query once. Also they cache the queries so that they can re-use it later on"

"At Artsy we've been building Node.js applications that share code and rendering between the server and browser. We've seen many benefits from this - pages load faster, we can optimize SEO, developers are more productive, and JavaScript coding is just an overall better experience."

A very smart way to use your own audience to stress test the scalability of a new and upcoming version/feature before public facing.

"while 75% of the top 100 retail websites employ a Content Delivery Network (CDN), the median home page takes a full second longer to become interactive than the median page that does not use a CDN"

Or why it is better to use the `script[async]` attribute to fasten page load time.

"The plan is simple... - Build a beautiful UI on top of the open source powerhouse that is WebPagetest. - Run everything in the cloud so you don't have to deal with software, servers and terabytes of tests. - Champion web performance benchmarking against competitors and industry categories. - De-geek front-end web performance techniques and bring them to a wider design and developer community who care about crafting their code."

Je viens de tester le service. L'interface est agréable.. La procédure pour renseigner son site et "celle de ces concurrents" est un un peu longue. Parcontre le temps de génération des résultats est vraiment très longues. L'interface web ne présente pas l'avancée.

"Bad performance stems from a lack of attention and commitment performance within an organization-not from whether or not the site is responsive."

A "webfont" is a set of resources, not just a single download. A single resource that includes all stylistic variants, which we may not need, plus all the characters, which may go unused, would simply be too large - tens of megabytes for a font with good unicode and stylistic coverage!

"Tracked by redirections from a simple tweet"

RWDPerf - Performance testing tool for Responsive web designs.