#hpw (124 links)
- 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>
- Stop worrying about Time To First Byte (TTFB) - CloudFlare blog blog.cloudflare.com
- 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."
"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."
- 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.
- 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
- 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
- Sprite Cow spritecow.com
- Book of Speed bookofspeed.com
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.
- Google Analytics’ New Site Speed Report Tracks Page Load Times | Optimisation Beacon optimisationbeacon.com
codepo8: Google Analytics now offers a site speed report, including page load times: http://mths.be/aza
- CSS3 vs. CSS: A Speed Benchmark - Smashing Magazine smashingmagazine.com