Falco: an Open Source WebPageTest runner

Tools

Falco helps you monitor, analyze, and optimize your websites. Web Performance has become an important responsibility for Web developers. Indeed, there are many impacts of poor performance: Your users are less engaged and are less likely to buy/use your product (source); It can impact negatively the perception of your brand (source) It can, and does,…

PerfTool: Display Performance Statistics

Tools

Collect various information about your website and displays it in an easy-to-digest manner on the reports page. This is a npm package to display statistics about your web pages, including Google PageSpeed Insights score, resources count, recommendations how to fix performace issues, html errors and many more in one custom web page. This package mainly…

Web Fonts Performance by Bram Stein

Bookmarks

This is the third talk in a set of three talks on Visual Performance delivered on April 1, 2016 at Fronteers Spring Conference in Amsterdam Web fonts are great. They are also be really bad for performance because they block rendering. You may have experienced this on a slow cellular network. Staring at a blank…

Browser Diet (Performance)

Codes

It’s a no-brainer that performance matters! So why do we keep making slow sites that lead to a bad user experience? This is a community-driven practical guide that will show you how to make websites faster. The guide informally titled “Browser Diet” can be found on GitHub for free. It can actually be installed locally…

PerfRocks, Web performance matters

Resources

Performance is a feature, it’s all about increasing the speed in which web pages are downloaded and displayed on the user’s web browser. Faster website download speeds have been shown to increase visitor retention and loyalty and user satisfaction, especially for users with slow internet connections and those on mobile devices. Find resources that help…

Perfmonkey, keep track of your site’s rendering performance

Tools

PerfMonkey monitors your webpages for rendering performance problems so you can resolve them before they impact your users.  If your website isn’t rendering smoothly, you’re losing users. Do you know how your website is performing? Every time you deploy your website, perfmonkey runs configurable rendering performance tests against it. The resulting data is made available…

CSS Triggers, a game of layout, paint, and composite

Codes

Understand the ramifications of setting the value of a CSS property to something other than the default, or of updating that value. The CSS Triggers site lists CSS properties alphabetically, and lets you know whether changing their values will trigger layout, print or composite work. Clicking on a property brings up detailed information about what…