-
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
Następne wpisy z tego wątku
- 23.06.09 18:26 Paweł Piskorz
- 23.06.09 18:27 Paweł Piskorz
- 23.06.09 19:10 ethanak
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2025-03-05 Zielona GĂłra => Konsultant wdroĹźeniowy Comarch XL/Optima (KsiÄgowoĹ
- 2025-03-05 Białystok => Spedytor Międzynarodowy (handel ładunkami/prowadzenie
- 2025-03-05 Warszawa => Specjalista ds. Sprzedaży (transport drogowy) <=
- 2025-03-05 Środa Wielkopolska => Konsultant wewnętrzny SAP FI/CO <=
- 2025-03-05 Zielona Góra => Senior Field Sales (system ERP) <=
- 2025-03-05 Warszawa => Data Engineer (Tech Lead) <=
- 2025-03-05 Kraków => Business Development Manager - Network and Network Security
- 2025-03-05 Zaniepokojeni mieszkańcy
- 2025-03-05 Ile pieniędzy ma bank?
- 2025-03-05 Ostrów Świętokrzy => Node.js / Fullstack Developer <=
- 2025-03-05 Białystok => Architekt rozwiązań (doświadczenie w obszarze Java, A
- 2025-03-05 Warszawa => Frontend Developer (Angular13+) <=
- 2025-03-05 Warszawa => Frontend Developer (obszar Angular13+) <=
- 2025-03-05 Chiny-Kraków => Backend Developer (Node + Java) <=
- 2025-03-05 Warszawa => JavaScript / Node / Fullstack Developer <=