#performance (330 links)
- 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
- Yeoman yeoman.io
A robust and opinionated client-side stack, comprised of tools and frameworks that can help developers quickly build beautiful web applications.
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.
- toy/image_optim github.com
Attempt at doing ImageOptim on the command line. Execution is a bit flaky but idea is sound.
- 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.
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."
- Slowy app slowyapp.com
"Real-world connection simulator and bandwidth limiter." Very handy.
- webserver - Why move your Javascript files to a different main domain that you also own? - Stack Overflow stackoverflow.com
"The problem is that once you send HTTP headers for really aggressive caching (i.e. cache me for a week or a year or forever), these files aren't ever reliably loaded from the server any more and you can't make changes/fixes to them because things will break in people's browsers.
So, what companies have to do is stage these changes and actually change the URLs of all of these files to force people's browsers to reload them. Cycling through domains like "a.imwx.com", "b.imwx.com" etc. is how this gets done.
By using a nonsense domain name, the Javascript developers and their Javascript sysadmin/CDN liaison counterparts can have their own domain name/DNS that they're pushing these changes through, that they're accountable/autonomous for.
Then, if any sort of cookie-blocking or script-blocking starts happening on the TLD, they just change from one nonsense TLD to kyxmlek.com or whatever. They don't have to worry about accidentally doing something evil that has countermeasure side effects on all of *.google.com."
- 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.
Useful.
- 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
- samarudge/Squeezeit - GitHub github.com
Python CSS/Javascript minifier
- rflynn/imgmin - GitHub github.com
Automated lossy JPEG optimization
- Perfection kills » Profiling CSS for fun and profit. Optimization notes. perfectionkills.com
.@kangax did some amazingly thorough research on CSS performance, using @operadfl’s new CSS profiler: http://t.co/ctXLRb1z /via @chriscoyier
- Performance Calendar » Lossy Image Compression calendar.perfplanet.com
Lossy is a scary word but when it comes to images it provides dramatic savings & minimal loss in quality via @sergeyche http://t.co/Idddi9Ac
- Minimus: The OS X JavaScript and CSS Minifier webmaster-source.com
- Mobile Performance Manifesto | David Calhoun's Developer Blog davidbcalhoun.com
- Online YUI Compressor refresh-sf.com
- CDN Planet: we help you select the right CDN cdnplanet.com
- frontend SPOF survey | High Performance Web Sites stevesouders.com
- mschrag/speedlimit - GitHub github.com
SpeedLimit is a Leopard preference pane for limiting your network bandwidth to one of a couple different speeds — 768k DSL, Edge, 3G, and Dialup.
- JPEGmini - Your Photos on a Diet! jpegmini.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!
In his High Performance Mobile presentation at Mobilism in Amsterdam, Netherlands Steve Souders discussed the importance of performance on the Web, why it is even more important on mobile, and a set of emerging best practices for faster mobile Web site.