Zmniejszenie wymagań dotyczących przepustowości witryny

• Może 4, 2024

Sukces może zabić. Jest to maksyma, o której wszyscy webmasterzy powinni pamiętać.

W dobie natychmiastowej komunikacji popularna strona internetowa („wirusowa” w mowie internetowej) może zostać zatopiona w odwiedzających. Dla większości właścicieli witryn jest to spełnienie marzeń… dopóki nie zmagają się z utrzymaniem serwera w lawinie hitów lub nie wyrzucają pieniędzy na firmy hostingowe w szalonej próbie zwiększenia przepustowości witryny.

Trochę zaawansowanego planowania może wyeliminować potencjalną nagłą popularność i ograniczyć codzienne koszty hostingu do minimum.

Na początek spójrz na zdjęcia swojej witryny. W typowej witrynie pliki graficzne są odpowiedzialne za znaczną większość wykorzystania przepustowości.

Ostateczną metodą zmniejszenia wykorzystania przepustowości obrazu jest całkowite usunięcie ich z witryny. Nie oznacza to konwersji witryny na tekstową; oznacza to skorzystanie z niedrogiej (czasami bezpłatnej!) witryny do udostępniania zdjęć, aby hostować Twoje obrazy za Ciebie. Przed zaangażowaniem się w usługę wypróbuj ją na małą skalę, a następnie sprawdź swoją witrynę z różnych lokalizacji; niektóre zapory ogniowe automatycznie blokują obrazy z popularnych witryn do udostępniania, szczególnie jeśli odwiedzający przeglądają Internet z komputerów biurowych.

Czy używasz HTML, aby wyświetlać swoje obrazy mniejsze niż w rzeczywistości? Jest to duże nie-nie dla projektantów stron internetowych, ponieważ odwiedzający będą ładować pełny obraz (w jego rzeczywistym rozmiarze) do swoich przeglądarek przy każdej wizycie, wykorzystując znacznie większą przepustowość niż wymaga strona zgodnie z przeznaczeniem. Zamiast tego użyj programu do edycji obrazu, aby przyciąć i zmniejszyć obraz, aby dopasować go do układu strony.

Może się również okazać, że możesz zapisywać zdjęcia w niższej rozdzielczości bez uszczerbku dla ich wyglądu, szczególnie jeśli są dość małe. Wyższa rozdzielczość oznacza więcej szczegółów zatłoczonych w każdym pikselu, a tym samym większe wykorzystanie przepustowości do załadowania wszystkich tych informacji do przeglądarki.

Innym sposobem na powstrzymanie obrazów przed utratą przepustowości jest porzucenie ich na korzyść tekstu zaprojektowanego przez CSS. Ta technika działa dobrze z przyciskami i innymi fantazyjnymi linkami, ponieważ możesz wiele zrobić z kolorami tła, ramkami i pseudoklasą: hover. Zapoznaj się później z nadchodzącą serią na temat tworzenia interaktywnych menu za pomocą CSS i HTML.

Teraz, gdy masz już wyprostowane obrazy, czas zawęzić tekst. Często możesz usunąć niektóre dodatkowe białe znaki z kodu HTML. Puste linie między sekcjami kodu mogą poprawić czytelność, ale jeśli masz kilkanaście zwrotów karetki między znacznikiem body a pierwszym wierszem kodu, to trochę przesadzasz.

O ile to możliwe, używaj zewnętrznych plików JavaScript i CSS. Gdy odwiedzający pobierze plik wraz z pierwszą odwiedzoną stroną, plik ten pozostanie w pamięci podręcznej przeglądarki podczas przeglądania witryny - w przeciwieństwie do ponownego ładowania kodu na każdej stronie, co dzieje się w przypadku kodu wbudowanego lub nagłówka.

Jeśli prowadzisz własną witrynę, kompresja HTTP może znacznie zaoszczędzić na przepustowości. Działa poprzez zapisanie skompresowanej wersji strony internetowej w katalogu tymczasowym, który jest następnie udostępniany wszystkim użytkownikom korzystającym z przeglądarki obsługującej kompresję. Możesz dostosować ustawienia serwera, aby kompresować statyczne strony, aplikacje lub oba.

Zaostrzenie witryny pomoże chronić Cię przed atakiem odwiedzających, atakami typu „odmowa usługi” lub po prostu obniży koszty hostingu do minimum. I nie zapomnij, możesz zrelaksować się, wiedząc, że Twoja witryna jest starannie i schludnie zakodowana, aby zapewnić maksymalną ilość treści w jak najkrótszym czasie.

Instrukcje Wideo: Przyspieszenie przeglądarki Mozilla Firefox (Może 2024).