Tutorials
There are many ways to make websites run faster. In this section,
you can discover performance best practices that real web professionals
employ in their everyday work. These practices have improved the user
experience for millions of users and we hope they are useful for other
web developers.
This article contains various statistics about web pages, including
details about embedded resources such as images, scripts and stylesheets.
Gzip compression helps reduce the time required to download web
pages. This article takes a look at why not all users take advantage
of compression.
Capture and analyze browser paint events using the Page Speed Activity Panel's paint snapshot feature.
Speed download times for webpages by compressing your JavaScript with Closure Compiler.
Using
every CSS declaration only once is an effective way to reduce file size
of style sheets. Because this is not a trivial optimization technique,
you'll also need to adjust your editing workflow.
Learn
how gzip compression works in a transaction between a web server and a
web browser. Then, take a look at what gzip actually compresses, so
that you can leverage compression in your markup.
Web
pages can load much faster on repeated visits if the resources come
from the cache. Learn about two groups of HTTP headers that make all
the difference.
You
can often reduce the number of bytes of a web page — and speed up the
page's download — without changing its appearance or function. Discover
three ways to reduce the size of web page content, using Page Speed.
A collection of best practices, tips, and resources for optimizing your pages for mobile.
Improve browser rendering performance by minimizing operations that cause browser reflow.
JavaScript
can make your web apps dynamic and interactive, but the client-side
interpretation can introduce its own inefficiencies. Use these tips to
optimize your JavaScript code.
Learn
a few basic steps that gadget developers can take to improve the
performance of their gadgets in iGoogle and on other OpenSocial enabled
containers throughout the web.
Learn how to optimize your web illustrations, icons, and graphics for faster download on the web.
Speed up your existing PHP scripts with some simple changes recommended in these tips.
Downloading
resources required for a page in advance makes them instantly available
once requested, and can be an effective technique for reducing or even
eliminating user-perceived network latency.
Combining
external stylesheets and scripts, and correctly ordering them in the
containing page, enables better parallelization of downloads and speeds
up browser rendering time.
Omitting
optional tags, leveraging HTML 5's shorter DOCTYPE, and a few other
techniques can help reduce the file size and load time of your HTML
documents.
When working with Rich Internet Applications, we write JavaScript
that updates the page by changing elements or adding new ones. This is
done by working with the DOM, or Document Object Model, and how we do
this can affect the speed of our applications.
To
the typical user, speed doesn't only mean performance — it means the
ability to use your website efficiently. Learn how to deliver effective
UI messaging, a crucial part of keeping your users engaged and
productive.
In HTML, we can already reduce content size significantly by
omitting optional tags. HTML 5, which is still under development,
offers us a couple more options to decrease file size beside leaving
out optional stuff. This article features some basic measures to reduce
content size a bit more, plus the async and defer attributes useful to
improve script execution.
