#optimization (95 links)
- Performance Calendar » PNG that works calendar.perfplanet.com
Great breakdown of different PNG formats.
- How to Write Efficient CSS Selectors - O'Reilly Answers answers.oreilly.com
From Even Faster Websites.
- Let's make the web faster - Google Code code.google.com
Google's list of performance tools.
Via twoplusfour.
- Official Google Webmaster Central Blog: Make your websites run faster, automatically -- try mod_pagespeed for Apache googlewebmastercentral.blogspot.com
- ProCSSor - Advanced CSS Prettifier procssor.com
- 8 Useful Tricks To Clean Up & Streamline Your Wordpress Database - Make Tech Easier maketecheasier.com · Archived on
Count them. 8.
Good stats. "If you’re using jQuery on a public-facing site, use the Google CDN to host it." But don't use latest version in production.
- Highly Maintainable, Efficient, and Optimized CSS slideshare.net
Nothing particularly surprising, a few contentious parts: pretty decent round-up of ideas that are in reasonably common usage.
Via daneastwell.
I created a CSS test page, which started out as a crude way to figure out if there was a noticeable performance difference between SASS’s @extend and OOCSS’s method of CSS.
- High Performance Web Sites :: Diffable: only download the deltas stevesouders.com
Diffable uses differential compression to reduce the size of JavaScript downloads. It makes a lot of sense. Suppose your web site has a large external script. When a new release comes out, it’s often the case that a bulk of that large script is unchanged. And yet, users have to download the entire new script even if the old script is still cached.
- Data URIs make CSS sprites obsolete | NCZOnline nczonline.net
The jury is still out on this'un.
- High Performance Web Sites :: WPO – Web Performance Optimization stevesouders.com
This convergence of awareness, even urgency, on the business side and growing expertise in the tech community around web performance marks the beginning of a new industry that I’m calling “WPO” – Web Performance Optimization.
django-devserver provides a simple drop-in runserver replacement. It allows you to run a command, python manage.py rundevserver, and to get some additional information. As of writing, that additional information includes real-time SQL logging (aka mass query spam in your terminal), and a summary of cache calls.
- Perfection kills » Optimizing HTML perfectionkills.com
Via paul.irish.
- ImageOptim – PNG/JPEG/GIF optimizer for Mac OS X imageoptim.pornel.net
"Optimizes images [...] by finding best compression parameters and by removing unnecessary comments and color profiles. It handles PNG, JPEG and GIF animations." Be interesting to see how this stacks up against smush.it.
Via infovore.
"Some of the tricks are brand new, some are very, very old, IE5.5. old. They all have in common the "fewer or no images" mantra."
Via paul.irish.
- Pagetest - where web sites go to get FAST! webpagetest.org
Shows "a waterfall of your page load performance as well as a comparison against an optimization checklist."
- Visual Website Optimizer - Hassle-free A/B, Split and Multivariate Testing visualwebsiteoptimizer.com
- minify - Project Hosting on Google Code code.google.com
"A PHP5 app that helps you follow several of Yahoo!'s Rules for High Performance Web Sites. It combines multiple CSS or Javascript files, removes unnecessary whitespace and comments, and serves them with gzip encoding and optimal client-side cache headers." Hubba, hubba.
- LABjs: new hotness for script loading | getiblog blog.getify.com
"A general purpose script loader that aims to be able to effectively load any script resource(s), from any location, into any page, at any time. It loads them all as parallel as the browser will allow, but maintains execution order when you express the need to do so in the usage of the API, for keeping dependencies safe." Very pleased this has gone 1.0.
Instead of downloading all Jquery-plugins, you might or might not need, Lazy downloads the plugins when you actually use them.
"An HTTP viewer and debugger that integrates with IE and Firefox to provide seamless HTTP and HTTPS monitoring without leaving the browser window." Win only, basic (free) and pro (pay) versions.
- High Performance Web Sites :: Business impact of high performance stevesouders.com
"How big an impact does performance optimization have on the business metrics of a typical media or e-commerce site?" Potentially quite a lot, which is why we keep banging on about it.
- High Performance Web Sites :: Aptimize: realtime spriting and more stevesouders.com
As well as realtime spriting, Aptimize are using data: URIs in their Website Accelerator tool and doing so for >IE7 using an MHTML workaround. Clever.
- Why The data: URI Scheme Could Help Save Your Slow Site sitepoint.com
Lots of caveats but useful under certain circumstances.
- High Performance Web Sites :: Mobile Gmail and async script loading stevesouders.com
With mobile on my mind, I was blown away by the awesome performance tips in this blog post: Gmail for Mobile HTML5 Series: Reducing Startup Latency. This post hits on the main point of my recent book - the impact of loading JavaScript. This is the #1 performance issue for today’s web apps.
- High Performance Web Sites :: SpriteMe makes spriting easy stevesouders.com
The bigger challenges when creating sprites are finding the background images and knowing how to group them into sprites. Once the sprite image is created, testing the sprite, including changing all the CSS, is time consuming. SpriteMe addresses all of these challenges.
- Effective A/B Testing elem.com
Very detailed A/B testing presentation.
Via simonw.
- Make Photoshop Faster makephotoshopfaster.com
- Official Google Webmaster Central Blog: Optimize your crawling & indexing googlewebmastercentral.blogspot.com
Some handy tips, not all 100% obvious. Like the phrase "infinite crawl space".
Via ihart.
- Mozilla Webdev » Blog Archive » Cesium 0.1 Released! blog.mozilla.com
A hybrid web application/testing harness that automatically runs YSlow on a suite of pages of the user’s choosing at scheduled times, stores these results, and provides a host of graphs and other data concerning the results of these tests.
- web-optimizator - Project Hosting on Google Code code.google.com
Does about a billion things to optimize sites. Tempting but not sure how much I'd trust this; feels like a sledgehammer option.
- Replace document.write using MooTools subtlegradient.com
Maybe you want to use AJAX to load a script that requires the use of document.write. But after teh page has loaded document.write tends to destroy the universe without even asking first! Solution: Replace document.write!
- Let's make the web faster - Google Code code.google.com
Google hops on the performance bandwagon. Should be interesting.
- Adam Goucher » Blog Archive » YSlow and Continuous Integration adam.goucher.ca
This post explains how, if I didn’t have a whole bunch of stuff on my plate right now, I would get YSlow failing builds.
Via paul.irish.
Adds a tab to Firebug for measuring the load time of web pages.
Via tomtaylor.
- Page Speed firebug extension code.google.com
Google's answer to ySlow.
- Using social media for SEO | Small Business Marketing Blog from Duct Tape Marketing ducttapemarketing.com
The shift is from one of web page optimization and link hounding to content and engagement optimization. In short, search engine optimization and social media are now undeniably intertwined.
Via stevenparker.
The follow up to High Performance Websites, from Steve Souders and other yahoos.
- Paul Buchheit: Make your site faster and cheaper to operate in one easy step paulbuchheit.blogspot.com
Good argument to use for gzip. "Inevitably, someone will argue that they can't spare a few ms per page to compress the data, even though it will make their site much more responsive. However, it occured to me today that thanks to Amazon, it's very easy to compare CPU vs Bandwidth."
- django-compress - Google Code code.google.com
A Django application that automates CSS/JavaScript compression and helps in making delivery of static media more efficient