#performance (213 links)
- Automating Web Performance Measurement - HTML5Rocks Updates updates.html5rocks.com
Automating Web Performance Measurement with PSI - a new #nodejs module http://t.co/lVqO0gyaIU ~ works great with @gulpjs & @gruntjs
- Why mobile web apps are slow | Sealed Abstract sealedabstract.com
<blockquote>I’m not going to guarantee that this article will convince you, nor even that absolutely everything in here is totally correct–it’s impossible to do in an article this size–but I can guarantee this is the most complete and comprehensive treatment of the idea that many iOS developers have–that mobile web apps are slow and will continue to be slow for the forseeable future.</blockquote>
- Performance Tuning - Airbnb Engineering nerds.airbnb.com
- Page Weight Matters | Chris Zacharias blog.chriszacharias.com
<blockquote>Many of us are fortunate to live in high bandwidth regions, but there are still large portions of the world that do not. By keeping your client side code small and lightweight, you can literally open your product up to new markets.</blockquote>
- Creating a Performance Culture | High Performance Web Sites stevesouders.com
- How fast are we going now? | High Performance Web Sites stevesouders.com
<blockquote>Web developers don’t have much control over connection speeds and browser optimizations, but they can control the size of their pages. Unfortunately, page weight continues to increase.</blockquote>
Ho hum.
- Sensible jumps in responsive image file sizes Cloud Four Blog blog.cloudfour.com
<blockquote>I have a new idea on how we might be able to define responsive image breakpoints that is based on a performance budget. Before I begin, I should note that a lot of this is a thought experiment. I don’t yet know how practical this approach would be.</blockquote>
- High Performance Browser Networking chimera.labs.oreilly.com
<blockquote>Starts with the building blocks of TCP, UDP and TLS, and then dives into newer technologies such as HTTP 2.0, WebSockets, and WebRTC. This book explains how these technologies work under the hood, their benefits, and provides hands-on optimization tips and best practices for each.</blockquote>
- How to lose weight (in the browser) browserdiet.com
- Performance Calendar » Progressive jpegs: a new best practice calendar.perfplanet.com
- Stop worrying about Time To First Byte (TTFB) - CloudFlare blog blog.cloudflare.com
Standard performance analysis tools like Activity Monitor and top(1) (and any third-party tools based on the same foundation) can’t tell you some key information about activity on your system, such as how much CPU consumption is caused by short-lived processes, or which processes are causing disk I/O. DTrace, however, can see (just about) everything.
- Page Test Tools: Which results should you trust? webperformancetoday.com
- Browser innovation and the 14 rules for faster loading websites: Revisiting Steve’s work (part 1) webperformancetoday.com
Do the rules from Souders' first Performance book still apply?
Why performance matters for e-commerce
- When good front-end optimization goes bad: How to make sure your site tests well AND looks good « Web Performance Today webperformancetoday.com
Now that we’re seeing wide-scale adoption of front-end optimization best practices, misapplication of these best practices could be delivering “false positives” — sites that test well but look bad for real users.
- Zoompf | Next Generation Web Performance zoompf.com
Impressive. Expensive.
Must remember. "Which is better: mylogo.1.2.gif or mylogo.gif?v=1.2? To gain the benefit of caching by popular proxies, avoid revving with a querystring and instead rev the filename itself."
- linkedin/inject github.com
"Manage your [JS] dependencies in a Library Agnostic way". Clever-looking localStorage stuff.
"Ditch media="print" if you have one! (Hey why isn't this a yslow/pagespeed rule?). Ditch it because in the best case scenario it will only block onload. In the worst case it will block initial paint, onload and DOMContentLoaded. Sitting in front of a white page with no feedback is the worst possible user experience."
- Bedrock | Infrequently Noted infrequently.org
Let that picture sink in: at 180KB of JS on average, script isn’t some helper that gives meaning to pages in the breech, it is the meaning of the page. Dress it up all you like, but that’s where this is going.
- The Statistics of Web Performance slideshare.net
In terms of web performance, the experience we need to measure is user perceived page load time, and the single number we need to extract depends on the distribution of measurements across the sample. There are a few contenders for what the magic number should be. Do you use the mean, median, mode, or something else? How do you determine the correctness of this number or whether your sample size is large enough? Is one number sufficient?
- One-com/assetgraph github.com
Potentially useful. "An AssetGraph object is a collection of assets (nodes) and the relations (edges) between them. It's a basic data model that allows you to populate, query, and manipulate the graph at a high level of abstraction. For instance, if you change the url of an asset, all relations pointing at it are automatically updated."
Great review of @font-face performance by Dave Artz: http://t.co/CqPOUaBY
- Mobile Performance Manifesto | David Calhoun's Developer Blog davidbcalhoun.com
- frontend SPOF survey | High Performance Web Sites stevesouders.com
- Hacker News | Mobile development with HTML5 news.ycombinator.com
The linked article is fairly useless but the comments on it are good; real-world dev stories.
- Sencha.io | Products | Sencha sencha.com
With Sencha.io Src don’t worry about scaling your image assets for the variety of mobile screens. Put a single high resolution image on your server, point your IMG tag to Src and let the cloud take care of the rest.
One to point out when the argument comes up next time.
- jQuery Proven Performance Tips And Tricks (Slides) addyosmani.com
Cheers, Scott!