Pinboard: bookmarks for ohskylab tagged 'optimization'

"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."

oocss css optimization performance web hpw browsers sass compass
august 2010 by ohskylab

copy to mine

High Performance Web Sites :: Diffable: only download the deltas

"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."

web hpw optimization performance google diff diffable javascript
july 2010 by ohskylab

copy to mine

Data URIs make CSS sprites obsolete | NCZOnline

The jury is still out on this'un.

css css3 sprites web uri datauri hpw optimization performance
july 2010 by ohskylab

copy to mine

The awesomest way possible to serve your static stuff in Django with Nginx - Peterbe.com (Peter Bengtsson on Python, Django, Zope, Kung Fu, London and photos)

Mmmm.

deployment development django nginx optimization web performance hpw
july 2010 by ohskylab

copy to mine

WordPress › WP Minify « WordPress Plugins
compression css files javascript optimization performance hpw wordpress plugin
june 2010 by ohskylab

copy to mine

High Performance Web Sites :: WPO – Web Performance Optimization

"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."

hpw stevesouders performance optimization web wpo
may 2010 by ohskylab

copy to mine

Presenting django-devserver, a better runserver. | David Cramer's Blog

"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."

optimization performance django python
february 2010 by ohskylab

copy to mine

Perfection kills » Optimizing HTML
web development xhtml optimization hpw frontend via:paul.irish html5 markup
january 2010 by ohskylab

copy to mine

ImageOptim – PNG/JPEG/GIF optimizer for Mac OS X

"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.

web mac osx free optimization hpw compression png images tools via:infovore
january 2010 by ohskylab

copy to mine

CSS performance: UI with fewer images / Stoyan's phpied.com

"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."

web design css optimization performance css3 via:paul.irish
december 2009 by ohskylab

copy to mine

Pagetest - where web sites go to get FAST!

Shows "a waterfall of your page load performance as well as a comparison against an optimization checklist."

hpw web tools performance optimization testing
december 2009 by ohskylab

copy to mine

Visual Website Optimizer - Hassle-free A/B, Split and Multivariate Testing
web tools advertising optimization analytics multivariate ab testing
december 2009 by ohskylab

copy to mine

minify - Project Hosting on Google Code

"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.

hpw web tools development javascript optimization performance gzip php
november 2009 by ohskylab

copy to mine

LABjs: new hotness for script loading | getiblog

"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.

javascript optimization performance hpw lazyloading labjs
november 2009 by ohskylab

copy to mine

Plugins | jQuery Plugins

"Instead of downloading all Jquery-plugins, you might or might not need, Lazy downloads the plugins when you actually use them."

tools javascript jquery web lazyloading optimization
november 2009 by ohskylab

copy to mine

HttpWatch: An HTTP Viewer and HTTP Sniffer for IE and Firefox

"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.

web tools testing optimization performance hpw http
october 2009 by ohskylab

copy to mine

High Performance Web Sites :: Business impact of high performance

"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.

optimization performance hpw web metrics
october 2009 by ohskylab

copy to mine

High Performance Web Sites :: Aptimize: realtime spriting and more

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.

hpw optimization performance mhtml ie css web
october 2009 by ohskylab

copy to mine

Why The data: URI Scheme Could Help Save Your Slow Site

Lots of caveats but useful under certain circumstances.

web css data: optimization performance hpw images uri
september 2009 by ohskylab

copy to mine

High Performance Web Sites :: Mobile Gmail and async script loading

"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."

javascript mobile google optimization performance frontend hpw
september 2009 by ohskylab

copy to mine

High Performance Web Sites :: SpriteMe makes spriting easy

"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."

design web tools optimization performance images sprites generator hpw
september 2009 by ohskylab

copy to mine

Effective A/B Testing

Very detailed A/B testing presentation.

via:simonw web development usability testing statistics optimization analytics a/b
september 2009 by ohskylab

copy to mine

Make Photoshop Faster
design tools software productivity osx optimization performance photoshop
august 2009 by ohskylab

copy to mine

Official Google Webmaster Central Blog: Optimize your crawling & indexing

Some handy tips, not all 100% obvious. Like the phrase "infinite crawl space".

tools seo google optimization urls via:ihart
august 2009 by ohskylab

copy to mine

Mozilla Webdev » Blog Archive » Cesium 0.1 Released!

"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."

development testing optimization yslow hpw performance yahoo
july 2009 by ohskylab

copy to mine

web-optimizator - Project Hosting on Google Code

Does about a billion things to optimize sites. Tempting but not sure how much I'd trust this; feels like a sledgehammer option.

web tools development hpw performance optimization compression
july 2009 by ohskylab

copy to mine

Clever PNG Optimization Techniques | How-To | Smashing Magazine
hpw web design performance graphics png compression transparency images optimization
july 2009 by ohskylab

copy to mine

Replace document.write using MooTools

"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!"

javascript ajax dom optimization performance mootools
july 2009 by ohskylab

copy to mine

SEOmoz | SEO Best Practices: SEOmoz's New Policies Based on Updated Correlation Data
web seomoz optimization seo search
july 2009 by ohskylab

copy to mine

Let's make the web faster - Google Code

Google hops on the performance bandwagon. Should be interesting.

hpw web performance development tutorials optimization
june 2009 by ohskylab

copy to mine

SpriteMe!

Makes spriting easy.

web css tools sprites optimization hpw
june 2009 by ohskylab

copy to mine

Adam Goucher » Blog Archive » YSlow and Continuous Integration

"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 yslow yahoo hpw continuousintegration development testing optimization performance firebug
june 2009 by ohskylab

copy to mine

Hammerhead

"Adds a tab to Firebug for measuring the load time of web pages. "

web tools development firefox testing optimization extensions yslow hpw firebug via:tomtaylor
june 2009 by ohskylab

copy to mine

Page Speed firebug extension

Google's answer to ySlow.

web tools development optimization extensions hpw google performance
june 2009 by ohskylab

copy to mine

Using social media for SEO | Small Business Marketing Blog from Duct Tape Marketing

"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."

social seo optimization search via:stevenparker
may 2009 by ohskylab

copy to mine

Even Faster Web Sites: Rough Cuts Version | O'Reilly Media

The follow up to High Performance Websites, from Steve Souders and other yahoos.

web performance development optimization books
may 2009 by ohskylab

copy to mine

Paul Buchheit: Make your site faster and cheaper to operate in one easy step

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."

web gzip performance optimization
april 2009 by ohskylab

copy to mine

django-compress - Google Code

"A Django application that automates CSS/JavaScript compression and helps in making delivery of static media more efficient"

web css javascript optimization performance django python hpw minification
march 2009 by ohskylab

copy to mine

42: JavaScript best practices - Opera Developer Community
javascript programming optimization christianheilmann web
march 2009 by ohskylab

copy to mine

Julien Lecomte’s Blog » Building Web Applications With Apache Ant
web tools development optimization hpw ant build deployment automation
february 2009 by ohskylab

copy to mine

Architecture - Best Practices - Using Ant To Consolidate CSS and JavaScript | Matt Snider JavaScript Resource
css javascript ant optimization hpw html
february 2009 by ohskylab

copy to mine

Image Optimization Part 1: The Importance of Images » Yahoo! User Interface Blog
web css design optimization yahoo hpw compression images png
february 2009 by ohskylab

copy to mine

mezzoblue § Sprite Optimization

"interesting variation of CSS Sprites has been getting a lot of play on large web sites that serve millions of users."

web css optimization sprites hpw
january 2009 by ohskylab

copy to mine

whitehouse.gov Website Code

"You want to read about the code structure of the new whitehouse.gov website on this historic Inauguration Day of the 44th president of the USA. The site is built on ASP.NET"

web design javascript jquery obama development optimization performance government analysis
january 2009 by ohskylab

copy to mine

Code: Flickr Developer Blog » Lessons Learned while Building an iPhone Site

A few weeks ago we released a version of the Flickr site tailored specifically for the iPhone. Developing this site was very different from any other project I’ve worked on; there seems to be a new set of frontend rules for developing high-end mobile sites. A lot of the current best practices get thrown out the window in the quest for minimum page weight and fastest load times over slow celluar connections.

via:infovore web css javascript hpw mobile optimization flickr iphone
october 2008 by ohskylab

copy to mine

Increase Web Site Conversion Rates with Multivariate Testing and Content Targeting | Optimost

"The pioneer in multivariable optimization, Optimost helps online marketers improve customer satisfaction, increase conversion rates, and maximize ROI."

optimization analytics marketing testing ecommerce gu
july 2008 by ohskylab

copy to mine

Baynote: The Collective Intelligence Platform

"On-demand recommendations and social search for websites."

search optimization advertising gu web
july 2008 by ohskylab

copy to mine

AJAX Libraries API - Google Code

"The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries."

google ajax javascript api jquery prototype development web optimization
may 2008 by ohskylab

copy to mine

Digital Web Magazine - Improve Your Page Performance With Lazy Loading

"The lazy load pattern is a practical implementation of the Proxy Design Pattern. The goal is to avoid loading an object until it is absolutely needed—only then do we invest the resources in loading it."

javascript optimization web lazyloading
may 2008 by ohskylab

copy to mine

Yahoo!'s Latest Performance Breakthroughs (Yahoo! Developer Network blog)
web yahoo yslow hpw optimization development
march 2008 by ohskylab

copy to mine

jawr: Jawr - More than a Javascript/CSS compressor

"A tunable packaging solution for Javascript and CSS which allows for rapid development of resources in separate module files."

javascript java development compression optimization web
february 2008 by ohskylab

copy to mine

Wordpress Performance: Why My Site Is So Much Faster Than Yours by Elliott C. Back

"Before you run over to Survive Digg hosting and plunk down even more money, take a look at your Wordpress setup and LAMP stack. You can make them better."

wordpress performance optimization web
january 2008 by ohskylab

copy to mine

Particletree » Automatically Version Your CSS and JavaScript Files

Clever clever. "What this does is quietly redirects any files located in our \scripts\ or \css\ folders with version numbers in between the file name and the extension back to just the filename and extension."

htaccess optimization hpw yahoo web development cache
january 2008 by ohskylab

copy to mine

24 ways: Minification: A Christmas Diet

"Some tools to trim the fat and speed up our sites."

css javascript performance minification web optimization tools
december 2007 by ohskylab

copy to mine

Web Site Optimization: 13 Simple Steps [Apache & IIS Configuration]

"This tutorial takes a practical, example-based approach to implementing [Yahoo HPW] rules. It's targeted towards web developers with a small budget, who are most likely using shared hosting."

optimization performance web apache
october 2007 by ohskylab

copy to mine

5 Things That Will Improve Your Web Site Traffic (Plus 1 to Avoid) « Web Worker Daily

Some reasonably useful basics.

seo traffic blogging optimization
october 2007 by ohskylab

copy to mine

Optimize Tortoise SVN Cache (TSVNCache.exe) Disk I/O

Quick, easy tip to stop TortoiseSVN being such a hog.

svn subversion optimization performance windows
september 2007 by ohskylab

copy to mine

YUI Theater — Joseph Smarr: “High-Performance JavaScript: Why Everything You’ve Been Taught is Wrong” » Yahoo! User Interface Blog

"In the course of building Plaxo 3.0, which involved an ambitious foray into rich internet application design, Joseph and learned a host of lessons about the importance of performance and the means by which it can be achieved."

javascript video optimization yui development web
september 2007 by ohskylab

copy to mine

Coding Horror: YSlow: Yahoo's Problems Are Not Your Problems

"Before you run off and implement all of Yahoo's solid advice, consider the audience. These are rules from Yahoo, which according to Alexa is one of the top three web properties in the world."

performance web yslow yahoo development optimization hpw
august 2007 by ohskylab

copy to mine

Dust-Me Selectors

"Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors."

css firefox extension web plugin optimization
july 2007 by ohskylab

copy to mine

CSS Redundancy Checker

"Use this tool to find CSS selectors that aren't used by any of your HTML files and may be redundant."

css tools web optimization
july 2007 by ohskylab

copy to mine

High Scalability | Building bigger, faster, more reliable websites.
architecture scalability performance development web optimization scaling
july 2007 by ohskylab

copy to mine

YSlow for Firebug

"...analyzes web pages and tells you why they're slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool." Hurrah, been waiting for this since @media.

firefox firebug performance yahoo yslow web development testing optimization hpw
july 2007 by ohskylab

copy to mine

Help-Key: How to Optimize Your Video for YouTube
youtube video optimization compression
july 2007 by ohskylab

copy to mine

lori (Life-of-request info) :: Firefox Add-ons

"'lori' can tell you how long it takes to load a page. Useful for web developers who are working on profiling, optimizing a web site."

firefox extension software speed web optimization development
july 2007 by ohskylab

copy to mine

Pingdom Tools

"Loads a complete HTML page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser. The load time of all objects is shown visually with time bars."

tools testing web speed development optimization performance
june 2007 by ohskylab

copy to mine

alphaWorks : IBM Page Detailer : Overview

"Graphical tool that enables Web site developers and editors to rapidly and accurately assess performance from the client's perspective."

tools ibm performance analysis web software testing optimization
june 2007 by ohskylab

copy to mine

Of Bloat and Generic Code - Web Standards Group London May 2007

"How [bloat] happens and what can be done about it."

css javascript optimization web bloat
may 2007 by ohskylab

copy to mine

PNGGauntlet - PNG Compression Software | BRH.numbera.com

PNGGauntlet is a .NET program that uses Ken Silverman's PNGOut to optimize PNG files.