Home » Speed » Tweak

Speed Tweak

Learn speed techniques you can use to increase page download speed. Speed Tweak of the Week shows how to optimize XHTML, CSS, JavaScript, graphics, and other web page components to maximize web site speed and usability.

XHTML: Omit Redundant Classes and Default Attributes – trim duplicate classes and default attributes to optimize html markup code

Omitting redundant classes and default attributes shrinks xhtml code to speed page response times. Many tags and duplicate attributes can be safely removed with no change in appearance.
By
on

XHTML: Use Structural Markup – contextual selectors descendant xhtml markup

By using purely structural XHTML markup you can easily target your content with CSS selectors.
By
on

Graphics: Use Weighted Optimization – regional compression for smaller photos and images

Weighted optimization or regional compression applies different degrees of compression to different areas of your image. By varying the quality within images you can improve file size.
By
on

Graphics: Choose the Right Image Format – jpeg gif png web image file formats

Choosing the right image format is the first step in optimizing web graphics. Learn how to choose between the GIF, PNG, and JPEG formats for different image types.
By
on

Multimedia: Use a Stable Tripod – pro camera tripod review for sharper photos & solid video support

A stable tripod creates sharper pictures and videos by damping out vibration. Sharper shots mean smaller multimedia destined for the Web.
By
on

Multimedia: Use Image Stabilization – gyro stabilizer lenses & gyroscopic stabilizer for sharper aerial photography & video cameras

Image stabilization creates sharper pictures by damping vibration to avoid motion blur. Gyroscopic stabilizers steady cameras for sharper photographs and videos.
By
on

Remove Whitespace – whitespace removal optimizes html css javascript source code

Whitespace removal eliminates unnecessary spaces, tabs, and returns in your HTML, CSS, and JavaScript code for faster downloads.
By
on

CSS: Use Descendant Selectors – contextual selectors

Descendant selectors are an elegant way to apply styles to specific areas of your page while reducing the need to embed classes within elements.
By
on

CSS: Use Type Selectors

High-level type selectors style identical elements in your document without the need for extra classes.
By
on