Porady - szybkość, dostępność i funkcjonalność stron www

Funkcjonalność i użyteczność stron www

  • Zadbaj o właściwą architekturę informacji i jasną nawigację.
  • Używaj języka zrozumiałego dla wszystkich odwiedzających Twój serwis.
  • Wyróżniaj pola obowiązkowe od opcjonalnych w formularzach.
  • Nie zmuszaj odwiedzających do niepotrzebnej rejestracji w serwisie.
  • Nie zasłaniaj zawartości stron reklamami.

Szybkość wyświetlania stron internetowych

  • Sprawdź liczbę plików graficznych na stronie. Duża ilość elementów graficznych jest najczęściej główną przyczyną spowolnienia działania witryny
  • Zmniejsz rozmiar plików graficznych przez dokładne ich przycięcie oraz przez zastosowanie kompresji.
  • Rozważ możliwość usunięcia niepotrzebnych skryptów, plików multimedialnych, zbędnych obiektów Flash oraz bannerów reklamowych.
  • Wymień rysunki z tekstem na zwykły tekst formatowany przez arkusze stylów.
  • Zmniejsz liczbę zagnieżdżonych tabel przez zastosowanie elementów <div> i CSS. Duża liczba zagnieżdżonych tabel spowalnia wyświetlanie strony przez przeglądarkę.
  • Sprawdź czy twój serwer ma odpowiednią pojemność i zapewnia właściwą szerokość pasma do obsługi wszystkich nadchodzących żądań.
  • Napraw wszystkie błędy składniowe występujące w kodzie HTML, arkuszach stylów oraz w skryptach.
  • Przy pomocy pozycjonowania za pomocą arkuszy stylów stwórz iluzję szybszego działania witryny przez zmianę kolejności wyświetlania na stronie.
  • Zdefiniuj szerokość i wysokość plików graficznych oraz tabel. Dzięki temu przeglądarka szybciej będzie mogła rozplanować elementy na stronie.

Dostępność stron internetowych

  • Sprawdź, czy wszystkie nietekstowe elementy strony, np. obrazy, animacje, mają odpowiednik tekstowy.
  • Upewnij się, że wszystkie informacje wyrażone kolorem są dostępne także bez koloru, np wynikają z kontekstu lub znacznika.
  • Twórz dokumenty, które mogą być czytelne bez arkuszy stylów. Przykładowo, kiedy dokument HTML jest wyświetlony bez powiązanych z nim arkuszy stylów, nadal musi być czytelny.
  • Upewnij się, że różnica pomiędzy kolorem elementu, a kolorem tła zapewnia dostateczny kontrast także dla osób mających zaburzenia widzenia kolorów oraz kiedy jest widziana na czarno-białym wyświetlaczu.
  • Używaj możliwie najbardziej przejrzystego i prostego języka, stosownie do treści witryny.
  • We właściwy sposób twórz listy i ich elementy.
  • Zatytułuj każdą ramkę by ułatwić identyfikację ramek i nawigację.
  • Dla tabel danych określ nagłówki wierszy i kolumn.