Wiele firm, zarówno dużych, jak i małych, zwraca się do naszych projektantów stron internetowych z Leeds, aby zaprojektowali i opracowali swoją nową witrynę firmy. Jednak od samego początku, gdy rozmawiałam zbyt wiele firm, to było to oczywiste, że podjęto tak niewielkie przygotowania, zanim podnieśli telefon do agencji takiej jak my..
To wstyd dla wszystkich zainteresowanych, pozwól mi wyjaśnić, dlaczego.
Rozwój strony internetowej dla każdej organizacji to dla nich zazwyczaj znacząca inwestycja czasu i pieniędzy. W zależności od celów strony internetowej jej wydajność może znacząco wpłynąć na wyniki finansowe firmy, a przynajmniej może wpłynąć na? Percepcję? firmy dla jej klientów i potencjalnych klientów online.
Jak zwiększyć ruch w Twojej witrynie - jak promować swoją stronę i zwiększać ruch!
Tak więc, zdając sobie sprawę z tego, jak ważna jest strona internetowa, uważamy za bardzo zaskakujące, jak mało czasu i wysiłku niektóre firmy wkładają w planowanie swojej strony internetowej, zanim skontaktują się z agencją, aby ją opracować. W końcu nie wydawalibyście dużych sum pieniędzy na zakup nowych maszyn produkcyjnych / pojazdów / sprzętu IT itp. Bez wcześniejszego siedzenia i planowania, po co i dlaczego tego chcecie i ile pieniędzy można przeznaczyć na to, czy ? (Mamy nadzieję, że tak się nie stanie).
Inaczej mogłoby to spowodować zmarnowanie pieniędzy i czasu dla organizacji.
To samo dotyczy strony internetowej i można ją podsumować w motto: :Nie przygotować się, przygotować na porażkę? co zostało udowodnione, że sprawdza się przez wiele lat, gdy niewiele przygotowań zostało dokonanych w ważnym i złożonym projekcie.
Ostatecznie brak planowania skutkuje projektem, który trwa dłużej niż przewidywano i kosztuje więcej niż pierwotnie przewidziano w budżecie.
Napisz krótki projekt swojej witryny
Zanim więc firma podniesie słuchawkę do agencji w celu omówienia rozwoju nowej strony internetowej, warto najpierw wykonać pewne zadanie domowe i przygotować dokument :Tworzenie strony internetowej:, który zawiera ich przemyślenia i wymagania dotyczące nowej strony internetowej..
Artykuł zamieszczony na tej stronie zawiera przydatne wskazówki.
Ponadto napisanie obszernego dokumentu informującego o rozwoju strony internetowej umożliwi agencjom, do których się zwraca, w celu oszacowania kosztów; pracować na równych szansach? iw efekcie oferować ofertę cenową, którą klient może dokładnie porównać z ofertą innej agencji przez :podobną do podobnej:? podstawa (wiele wymówek w tym zdaniu, huh?).
Różne agencje mogą podchodzić do tego samego projektu na różne sposoby, ale przynajmniej dokument informacyjny oferuje wszystkim agencjom te same informacje, co z kolei pozwala ci na bardziej świadomą decyzję, którą agencję wybrać dla rozwoju twojej nowej witryny.
Możesz pobrać przykładowy projekt strony internetowej Leeds i dokument informacyjny (format PD F), który może okazać się pomocny przy pisaniu dokumentu informacyjnego na temat rozwoju własnej firmy, klikając ten link. (Otwiera się w nowym oknie przeglądarki).
Firma jest fikcyjna, ale opiera się na prawdziwym przykładzie projektu dla prawdziwej firmy. Jak poruszać się po swojej witrynie Najważniejsze jest ściskanie najskuteczniejszej wydajności ze swoich stron internetowych. Korzyści są uniwersalne, niezależnie od tego, czy strona jest osobista, czy duża i profesjonalna. Zmniejszenie wagi strony może przyspieszyć działanie przeglądarki, zwłaszcza jeśli użytkownicy korzystają z dostępu do Internetu przez modem. Mimo że dostęp szerokopasmowy to przyszłość, obecnie wciąż jest wielu użytkowników dial-up. Wiele witryn, w szczególności e-commerce, nie może zignorować tej dużej części rynku. Witryny z dużą ilością unikalnego ruchu mogą również zaoszczędzić na łącznym miesięcznym ruchu poprzez zmniejszenie ich stron internetowych. W tym artykule omówimy podstawy optymalizacji na stronie zarówno w tekście / kodzie i grafice.
Grafika
Grafika jest zwykle podejrzana na ciężkich stronach. Albo w wyniku wysoce graficznego projektu, albo kilku słabo zoptymalizowanych obrazów, grafika może znacznie przedłużyć czas ładowania strony internetowej. Pierwszy krok w optymalizacji grafiki jest bardzo prosty. Zdecyduj, czy grafika jest absolutnie niezbędna i po prostu usuń lub przenieś te, które nie są. Usunięcie dużych grafik ze strony głównej do oddzielnej galerii prawdopodobnie zwiększy liczbę użytkowników, którzy :będą się kręcić:, aby załadować stronę główną. Oddzielenie większych zdjęć lub dzieł sztuki do galerii daje również możliwość rzetelnego ostrzegania użytkowników, którzy klikają w galerię, że może to potrwać dłużej. W przypadku przycisków graficznych należy rozważyć użycie tekstowych przycisków CSS. Witryny, które używają wysoce szaty graficznej, wspólnego motywu w :szablonach: strony, muszą zoptymalizować grafikę najlepiej jak to możliwe.
Optymalizacja grafiki polega najpierw na wybraniu odpowiedniego typu pliku dla obrazu. Choć temat ten dotyczy tylko paszy dla znacznie głębszej analizy, omówię ją krótko. Obrazy pochodzą z 2 podstawowych odmian, z natury fotograficznej oraz z natury graficznej. Fotografie mają dużą gamę kolorów, wszystkie pomieszane razem w tak zwanym tonu ciągłym. Grafika, na przykład logo firmy, jest zazwyczaj gładka, wyraźna i ma duże obszary tego samego koloru. Zdjęcia najlepiej skompresować do :JPEG:. Format :Joint Photographic Expert Group: może z powodzeniem kompresować duże zdjęcia do bardzo dużych rozmiarów. Zwykle stosuje się go w przesuwającej się skali :jakości: między 1-100, 1 jako najbardziej skompresowaną i najniższą jakością, a najmniejszą i najwyższej jakości. JPEG jest :stratnym: algorytmem kompresji, co oznacza, że :niszczy: informacje o obrazie po zastosowaniu, więc zawsze zachowaj kopię oryginalnego pliku. Grafika i loga ogólnie działają najlepiej w formacie :GIF:, a ostatnio w formacie :PNG:. Te formaty są bardziej wydajne niż JPEG przy zmniejszaniu rozmiaru obrazów o dużych obszarach o podobnym kolorze, takich jak logo lub tekst graficzny.
Kilka ogólnych uwag na temat innych mediów jest odpowiednich. Inne rodzaje multimediów, takie jak Flash lub pliki dźwiękowe, spowalniają także działanie strony. Pierwsza zasada jest zawsze taka sama, zastanów się, czy są one absolutnie konieczne. Jeśli chcesz zbudować witrynę w całości w programie Flash, upewnij się, że poszczególne sekcje i elementy są tak skompresowane, jak to tylko możliwe. W przypadku muzyki przyznaję tutaj osobistą stronniczość i parafrazuję genialne stare powiedzenie: :Strony internetowe powinny być widziane i niesłyszane:. Po prostu muzyka odtwarzana w tle nie :poprawia: żadnego przeglądania.
Tekst i kod
Największą wagę do przycięcia na stronie będą pochodzić z elementów graficznych i multimedialnych, ale można rzucić kilka dodatkowych bajtów, patrząc na tekst i kod strony internetowej. Pod względem rzeczywistej zawartości tekstu może nie być tu wiele do zrobienia. Treść strony jest kluczem nie tylko do zrozumienia użytkownika, ale także do rankingu w wyszukiwarkach. Usuwanie lub lepsza organizacja treści jest konieczna tylko w sytuacjach ekstremalnych, gdzie problemem jest więcej niż strona. Przykładem może być długa, tekstowa strona internetowa, wymagająca długiego przewijania w pionie. Taka strona jest popularna na witrynach :infomercial: i narusza podstawowe dzierżawy projektu poza tymi związanymi z wagą strony.
Kod to inna historia. Kod witryny może być bardziej wydajny w różnych modach. Po pierwsze, za pomocą CSS, wszystkie elementy stylu strony internetowej mogą być teraz wywoływane za pomocą zewnętrznego pliku. Ten sam plik można wywołać na wszystkich stronach witryny, zapewniając jednolity wygląd i styl. Nie tylko jest to bardziej wydajne; jest to także oficjalna rekomendacja W3C. To samo można powiedzieć o XHTML i porzuceniu układu opartego na :tabeli:. Tabele, choć efektywne pod względem układu, generują więcej kodu niż równoważne układy XHTML za pomocą znaczników :div:. Jeśli do utworzenia :pudełka: z zawartością w tabeli wymagane są minimum 3 znaczniki, tylko 1 jest potrzebne przy użyciu podziałów. Używanie kombinacji XHTML i CSS może znacząco zmniejszyć ilość kodu :na stronie: wymaganego przez stronę internetową. Ostatnią, stosunkowo nieistotną sztuczką jest usunięcie całej :białej przestrzeni: z twojego kodu. Przeglądarki tego nie wymagają; przede wszystkim dlatego autorzy mogą łatwo odczytać i zinterpretować kod. Oszczędności są w najlepszym razie minimalne, ale w przypadku witryn, które mają wyjątkowo duży ruch, nawet kilka zapisanych bajtów będzie się z czasem sumować.
Wnioski
Docelowe obrazy i pliki multimedialne najpierw, gdy starają się zmniejszyć wagę strony. Są największymi składnikami całkowitej wagi strony, a ich proste usunięcie może znacznie zmniejszyć całkowitą wagę. Obrazy, które pozostają, powinny być optymalnie skompresowane do formatu odpowiedniego dla ich rodzaju, zdjęć lub grafiki. Unikaj dużych bloków tekstu, które powodują niepotrzebne przewijanie w pionie. Uporządkuj witrynę w bardziej wydajny sposób, aby rozpowszechniać informacje na wielu stronach. Zaakceptuj XHTML i CSS, aby zmniejszyć rozmiar kodu na stronie i wywołaj CSS na zewnątrz. Te wskazówki powinny pomóc w zmniejszeniu rozmiaru stron i przyspieszyć ich dostarczanie do widzów.