The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. It is comprised of 20 chapters spanning aspects of page content, user experience, publishing, and distribution. The open web is an amazingly complex, evolving network of technologies. Entire industries and careers are built on…
Falco: an Open Source WebPageTest runner
ToolsFalco 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
ToolsCollect 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
BookmarksThis 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)
CodesIt’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
ResourcesPerformance 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…
A Guide to Optimising Website & Application Performance
ResourcesFirst impressions are everything, they’re what help us determine if something is worth our time or safe to deal with – Imagine visiting a site that has a popup box as soon as you enter, it wouldn’t only annoy the user, but it would put them off from ever returning. When it comes to web…
PerfBar, collect your site performance metrics quickly
ScriptsSimple way to collect and look at your website performance metrics quickly, that supports budgeting and adding custom metrics. Simple setup. Just one script, there is no dependencies. There are a dozens of built-in metrics, but you also have the ability to add specific metrics for your app. If you follow the link below, you’ll…
Perfmonkey, keep track of your site’s rendering performance
ToolsPerfMonkey 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
CodesUnderstand 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…