Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

performance

Optimizing performance

Articles in this section describe ways to improve the performance of your applications.

List of all performance-related articles

Page Summary
Timing and performance standards This section documents the timing and performance-based standards supported by Windows Internet Explorer and Windows Store apps.
performance.memory Do not use. Proprietary. Chrome only. Gets quantized scripting memory usage numbers.
Mobile web debugging Debugging web applications on multiple platforms requires careful prioritisation, different from developing for desktop alone. This article explains techniques and tools available, with links to external resources., Debugging web applications on multiple platforms requires careful prioritisation. This article explains techniques and tools available, with links to external resources.
hidden document.hidden returns true if the document is hidden or false if it is visible at all
visibilityState Returns the visibility state of a webpage.
visibilitychange Set the visibility state of an element
async Provides additional control over when an external script or an HTML import is being fetched and executed while a document loads.
Building web games With the combination of developments in HTML5 and improvements to modern browsers, it's now possible to build high-quality games using web technologies.

In this document, we'll provide you with the tools, frameworks, and tutorials you'll need to create games. We'll also explain how they should be used and how they fit together.

Building the Onslaught! Arena game Learn how to use the <canvas> element to create an interactive game with retro-looking graphics.
"Mobifying" your HTML5 site An introduction to HTML5 enhancement techniques for mobile devices.
HTML5 Techniques for Optimizing Mobile Performance Learn the fundamentals of an HTML5 mobile framework. From network detection to sliding, flipping, and more.
Mobile optimization best practices Mobile Devices may have slow network connections, hardware specific limitations and varying screen sizes. We need standardized best practices for building web apps. The goal is to provide the best user experience optimizing the HTML5 standards.
Best practices for building faster Web apps with HTML5 Tips to improve HTML5 web app performance.
Auditing your web app for speed How to audit a web app for speed.

List of Web Performance Resources

Books

  • Souders, Steve. Even Faster Websites, O’Reilly Media 2009. ISBN 0596522304
  • Smith, Peter. Professional Website Performance, Wrox Press, 2012. ISBN 1118487524
  • O’Reilly Media’s High Performance series:
    • High Performance Python by Micha Gorelick, Ian Ozsvald (O’Reilly Media estimates July 2014 release)
    • High Performance Drupal by Jeff Sheltren, Narayan Newton, Nathaniel Catchpole (O’Reilly Media 2013. ISBN 144939261X)
    • High Performance Browser Networking by Ilya Grigorik (O’Reilly Media 2013. ISBN 1449344763)
    • High Performance MySQL by Baron Schwartz, Peter Zaitsev, Vadim Tkachenko (O’Reilly Media 2012. ISBN 1449314287)
    • High Performance Web Sites by Steve Souders (O’Reilly Media 2007. ISBN 0596529309)

Free Tools (Browser Based)

Free Tools (Windows Based)

  • Compuware Ajax Edition

Front-end Optimization (FEO) Tools

The companies and tools below provide automated performance optimization solutions (FEO) Some of them are cloud based, and others are applications that live inside a datacenter.

  • Yottaa Site Optimizer
  • AkamaiAkamai Blaze
  • Limelight Orchestrate Performance
  • SiteSpect Front-end Optimization (AMPS)
  • Radware FastView
  • EdgeCast Edge Optimizer
  • mod_pagespeed
  • Fasterize
  • Cloudflare Optimizer

Backend Optimization Resources

  • Database caching
  • PHP accelerator (list of PHP accelerators)
  • HipHop for PHP
  • SSL acceleration
  • Web accelerator
  • Web cache

Backend Optimization Products

  • Amazon DynamoDB
  • Windows Azure Caching

Web Application Streaming

Lists of Best Practices

Conferences and Meetups

Monitoring Tools

There are two main types of performance monitoring: Synthetic monitoring and Real user monitoring (RUM). There are a number of free and paid tools that provide monitoring services in both categories

Synthetic Monitoring

  • WebPagetest
  • Rigor Web Performance
  • Keynote Systems|Keynote Web Performance Testing
  • Compuware APM Website Performance Test
  • Website Test, a product by Yottaa
  • GTMetrix
  • Catchpoint
  • Uptrends

Real User Monitoring

  • SOASTA mPulse
  • New Relic
  • Catchpoint Glimpse

Blogs

The Perf Planet website provides an RSS feed with the latest updates from an aggregated list of web performance blogs. This blogroll is managed via Perf Planet’s GitHub repository.