eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwOptymalizacja ładowania i uruchamiania witrynyRe: Optymalizacja ładowania i uruchamiania witryny
  • Data: 2009-06-23 14:35:06
    Temat: Re: Optymalizacja ładowania i uruchamiania witryny
    Od: yew <y...@q...dude> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    Peter May pisze:
    > Wpisuję adres www i pobieram dane z serwera. W skrócie kod ma się tak:
    >
    > DOCTYPE...
    > <html>
    > <body><div>
    > [...]
    > i przy samym końcu kodu html ładuję
    > [javascript] (http://developer.yahoo.com/performance/rules.html#j
    s_bottom)
    > </div></body>
    >
    > Wszystkie funkcje JavaScriptowe uruchamiam po załadowaniu całego drzewa
    > dokumentu html. Przy czym nie mam koncepcji jak zoptymalizować taką
    > funkcjonalność, jaką opiszę dalej.
    >
    > Pewne elementy są pokazywane lub ukrywane przez kliknięcie w dany
    > element. Innymi słowy klik->pokaż, klik->ukryj i tak w kółko. Sęk w tym,
    > że wszystkie elementy, które chcę schować domyślnie, muszę załadować się
    > najpierw z display:block;, by je potem ukryć za pomocą funkcji js i
    > display:none; Musi tak być, bo przecież Ci, co nie mają włączonego lub
    > nie obsługują JavaScriptu, muszą zawartość mieć normalnie dostępną.
    > Powoduje to jednak, że strona zaraz po załadowaniu niejako "lata", bo
    > elementom nadawane są różne własności CSS, głównie display:none.
    >
    > Wiadomo, że mógłbym wszystkie potrzebne mi elementy ładować od razu z
    > display:none, ale wtedy Ci, co nie mają lub nie obsługują JavaScript-u
    > po prostu nie dostaną się do opcji pod danym przyciskiem.
    >
    > Mam ktoś "patent" jak zminimalizować tego typu "układanie elementów"
    > przez przeglądarkę?

    Możesz pod każdym blokiem umieścić krótką instrukcję która ukryje/pokaże
    blok prawie natychmiast po wyrenderowaniu (opóźnienia nie powinny być
    widoczne), tzn:

    <div id="b1">tresc</div>
    <script type="text/javascript">showHide("b1");</script>

    Wiem, że to wygląda nie najlepiej bo wrzucam <script> w body, ale to
    tylko wywołania funkcji a nie programowanie JS w body.

    --
    yew

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: