Web Performance

"A bookmarklet to create a front-end performance heatmap of resources loaded in the browser using the Resource Timing API."

Summary: We further explore the results of upgrading to a faster server. Overall the site showed improved response speed and website "stickiness." Average page load times improved by 48% to 60% server response times improved by more than 60%, and people stayed longer, viewed more pages, and bounced less.

RWDPerf - Performance testing tool for Responsive web designs.

"Tracked by redirections from a simple tweet"

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!

"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."

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

"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"

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

"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."

"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"

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

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.