Dosya tipini doğru seçmek önemlidir, çizim, keskin köşeli vb. resimler için GIF veya PNG, fotografik görüntüler için JPG tavsiye edilir. Hatta, Web için özelleşmiş resim düzenleyicilerini (deBabelizer, ImageReady vb.) kullanarak resimlerinizi eniyileştirin.

Bütün sayfalarınızda tekrarlayan dolaşma çubuklarınızı resim olarak oluşturun, çünkü resimler kullanıcı tarafında önbelleklenebilir.

Resimlerin WIDTH ve HEIGHT özelliklerini mutlaka belirtin. Bu tarayıcının sayfayı daha hızlı yerleştirmesini sağlar.

Sevdiğiniz yazı tiplerini resim olarak gömmeye çalışmayın, standart fontlara alışın.

"Tekrarlayan" büyük resimlerin sadece küçük alanları değişiyorsa, resmi parçalayın ve sadece değişen kısımların yüklemesini sağlayın.

Özellikle dolaşma çubuklarınızı mümkünse tek parça halinde hazırlayıp, bir IMAGEMAP oluşturun, çünkü tek bir dosya, hem ayrı ayrı resimlerin toplamından daha küçük bir boyda olacaktır, hem de her resim için bir bağlantı kurulmayacaktır. Ancak bu durumda IMAGEMAP'inizde (HTML 4.0'da izin verilen) ALT parametresini kullanın.

Bir kural olmamasına karşın, de-facto olarak iyi tasarımcılar sayfalarında 10'dan fazla resim kullanmamaya çalışırlar.

Tabloları çok seviyeli bir biçimde içiçe gömmeyin, aksi takdirde, tarayıcı sayfayı ancak bütün sayfa indikten sonra görüntüleyebilir. Temel olarak 3'den fazla tabloyu içiçe gömmeyin.

Mümkün olduğu kadar az rowspan ve colspan kullanın.

Basit yerleştirme işleri için PRE ya da CODE kullanın.

Bütün sayfayı bir tek tabloya gömmek yerine tablonuzu sayfa yüklendikçe görüntülenebilecek şekilde küçük yatay parçalara ayırın. Bu, kullanıcıda sayfa hızlı yükleniyor hissini arttıracaktır.

Standart yazı tiplerine bağlı kalmaya çalışın. Mümkünse, graceful degradation kullanarak alternatifleri de verin. Örneğin "Arial, Helvetica, sans-serif" örneği, önce Arial'ı (Windows standardı), sonra Helvetica'yı (Mac standardı), en sonda serif'siz soysal (generic; sistemce bir karşılığı bulunan) bir font'u kullanabilmenizi sağlar.

Yazı tipleriyle yaptığınız, "ilginç" olduğunu düşündüğünüz" efektleri mümkünse Yığıtlamalı Biçem Kağıtları (Cascading Style Sheets - CSS) kullanarak gerçekleştirin. CSS, aslında çok ilginç efektlere izin vermektedir.

Bir tarayıcı sayfa içinde karşılaştığı her dosya için Web sunucusuyla tekrar tekrar iletişime geçecektir. Dolayısıyla, sayfaya bağladığınız dosyalar, ne kadar küçük olursa olsun, yüklenme hızı düşecektir.

Tarayıcının önbelleğini mümkün olduğu kadar çok kullanmak için, sayfa içi elemanlarınızı (logo, grafik dolaşma çubukları, resimler vb) tekrar tekrar kullanmaya özen gösterin.

Maalesef, birçok Web sitesi, kullanıcıyı hiç uyarmadan, fon müzikleri gibi kullanıcının siteyi dolaşmasını kolaylaştırmaktan çok zorlaştıran, sayfanın yüklenmesini yavaşlatan, hatta bazen en kötüsü, tarayıcısını çökerten eklentiler kullanmaktadır. Böyle bir kullanıcının sitenize, ihtiyacı olsa bile, tekrar gelme olasılığı çok düşüktür.

Kullanıcıyı, büyük boyutlu resimler (örneğin, bir resim galerisi), filmler (örneğin, bir konferansın çekimleri) ya da ses dosyalarının (örneğin, bir röportaj) bulunduğu sayfalara girmeden önce mutlaka uyarın.

Kullanıcıların daha da memnun kalacakları bir özellik, onlara farklı hızlar için farklı çözünürlük ya da kalitede sürümlerin sunulmasıdır. Dolayısıyla, kullanıcı bant genişliğine uygun olan sayfayı seçebilecek ve daha az vakit kaybedecektir.

Sayfalarınızda aynı CSS ve JavaScript tanımlamalarını kullanıyorsanız, bunları harici dosyalarda tutup, sayfalardan bağ vererek^[62] yükletin. Ortalama tanımlamalarınızın 500 karakter olduğunu varsayarsak, yükleme işlemi 33600 modemi olan bir kullanıcının 1 saniyeden fazlasını alır.

Genel olarak, bir efekt ne kadar süslü görünüyorsa, onun için üretilen kod da o kadar şişkin olacaktır.

Bu tip sıradışı efektleri kolayca oluşturabilen düzenleyiciler, sayfaları kendilerine has HTML, JavaScript, Java vb. kodlarıyla doldurmakta ve uyumluluğu düşürmektedirler.

En sık karşılaşılan durumlardan biri, görsel düzenleyicilerin gereksiz HTML etiketleri üretmeleridir. Örneğin BR için bile FONT etiketi açıp hemen arkasından kapatmaları gibi:

<FONT SIZE="-1"> ... cümle bitmiştir. </FONT>
<FONT SIZE="-1"> <BR> </FONT>
<FONT SIZE="-1"> Yeni cümle ... </FONT>

<FONT SIZE="-1"> ... cümle bitmiştir. <BR> Yeni cümle ... </FONT>