-
1. Data: 2009-06-13 16:43:33
Temat: Jak wymusić kolejność ładowania elementów i pokazywania strony
Od: Netx <g...@g...pl>
Mam na stronie www (php) 2 divy z tłami np.
#div-var {
(...)
background: url('img/tlo-r.gif ') right repeat-y;
}
Zanim się te niewielki gify (1piksel wysokości) załadują się (lub
porównają wersję zkeszowaną z wersją na serwerze) to strona już
wcześniej jest wyświetlana ale bez tych gifów - i przez moment wygląda
nieciekawie. Może trochę przesadzam z dążeniem do perfekcji ale poproszę
o pomoc czy jest możliwe i jak to zrobić:
1) wymuszenie aby te 2 gify ładowały się jako pierwsze (bo są jeszcze
inne elementy 1x flash, kilka obrazków, plik z "javascriptem", kilka css
) ?
2) zrobienie takiego efektu aby strona nie wyświetlała się w ogóle
dopóki te gify z tłem się nie załadują ?
Chodzi o uniknięcie tego momentu na początku sesji kiedy otwiera się
stronę i po raz pierwszy się wszystko ściąga z serwera - wtedy strona
jest przez chwilę bez tych dwóch "teł" - chciałbym to jakoś udoskonalić.
Pozdrawiam,
Marek
-
2. Data: 2009-06-13 17:10:52
Temat: Re: Jak wymusić kolejność ładowania elementów i pokazywania strony
Od: ethanak <s...@b...pl>
Dnia Sat, 13 Jun 2009 18:43:33 +0200, Netx napisał(a):
[...]
> 2) zrobienie takiego efektu aby strona nie wyświetlała się w ogóle
> dopóki te gify z tłem się nie załadują ?
Czyli jak mam wyłączone ściąganie obrazków (sorry, mam mały pakiecik
100MB na komórce i nie opłaca mi się większy) to nie zobaczę strony w
ogóle?
ethanak
--
mailto=window.atob('ZXRoYW5ha0Bwb2xpcC5jb20=');
http://milena.polip.com/ - nie czekam na Ivo!
-
3. Data: 2009-06-13 18:01:35
Temat: Re: Jak wymusić kolejność ładowania elementów i pokazywania strony
Od: Netx <g...@g...pl>
ethanak pisze:
> Dnia Sat, 13 Jun 2009 18:43:33 +0200, Netx napisał(a):
>
> [...]
>> 2) zrobienie takiego efektu aby strona nie wyświetlała się w ogóle
>> dopóki te gify z tłem się nie załadują ?
>
> Czyli jak mam wyłączone ściąganie obrazków (sorry, mam mały pakiecik
> 100MB na komórce i nie opłaca mi się większy) to nie zobaczę strony w
> ogóle?
Hmm, no faktycznie zły pomysł. Pozostaje aktualne pytanie czy można
jakoś wymusić aby te 2 obrazki wczytywały się jako pierwsze (o ile ktoś
nie ma wyłączonego ściągania obrazków)?
Gdzieś czytałem że można wstawić obrazek do html'a - moze to jest
sposób. Te obrazki mają po kilkaset bajtów.
Jak ktoś w ogóle ma wyłączone obrazki to i tak dałem "nadmiarowo" skrypt
w js który wyrównuje divy u dołu i będzie ok. Miałem tylko nadzieję że
te obrazki tła z gifów wczytają się szybciej niż zadziała javascript z
<body onload=...>
Marek
-
4. Data: 2009-06-13 18:55:32
Temat: Re: Jak wymusić kolejność ładowania elementów i pokazywania strony
Od: Mirosław Zalewski <miniopl@CUT_THIS.gmail.com>
czerwiec roku pamiętnego 2009, prawdopodobnie 13. Wielka mądrość na
czytelników pl.comp.www spłynęła, gdy tako rzekł(a) Netx:
> Gdzieś czytałem że można wstawić obrazek do html'a - moze to jest
> sposób. Te obrazki mają po kilkaset bajtów.
http://perfectionorvanity.com/2005/08/13/data-url-za
laczanie-plikow-w-dokumencie/
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski
-
5. Data: 2009-06-13 20:56:35
Temat: Re: Jak wymusić kolejność ładowania elementów i pokazywania strony
Od: Netx <g...@g...pl>
Mirosław Zalewski pisze:
> czerwiec roku pamiętnego 2009, prawdopodobnie 13. Wielka mądrość na
> czytelników pl.comp.www spłynęła, gdy tako rzekł(a) Netx:
>
>> Gdzieś czytałem że można wstawić obrazek do html'a - moze to jest
>> sposób. Te obrazki mają po kilkaset bajtów.
>
> http://perfectionorvanity.com/2005/08/13/data-url-za
laczanie-plikow-w-dokumencie/
Dziękuję, po zastosowaniu tego wynalazku faktycznie widać poprawę :)
Jedyny mankament, że strona początkowo przestała przechodzić walidację
"css wersja 3" ale walidator łatwo daje się oszukać Javascriptem:
<div id="div-var">
<script type="text/javascript">
document.getElementById('div-var').style.background=
'url(data:image/png;base64,...)
right repeat-y';
</script>
Teraz jeszcze to potestuję na różnych przeglądarkach, ale jak nawet nie
zadziała na jakiś starszych przeglądarkach to strona mam nadzieję się
nie rozsypie od braku tego fajerwerka.
Pozdrawiam,
Marek
-
6. Data: 2009-06-13 21:09:01
Temat: Re: Jak wymusić kolejność ładowania elementów i pokazywania strony
Od: Arczi <n...@...please>
On 2009-06-13 22:56, Netx wrote:
> Dziękuję, po zastosowaniu tego wynalazku faktycznie widać poprawę :)
> Jedyny mankament, że strona początkowo przestała przechodzić walidację
> "css wersja 3" ale walidator łatwo daje się oszukać Javascriptem:
Brawo. Bo walidacja jest po to, by ją oszukiwać.
Startujesz w konkursie o kolejną Nagrodę Darwina?
--
Pozdrawiam
Arczi
-
7. Data: 2009-06-13 21:29:08
Temat: Re: Jak wymusić kolejność ładowania elementów i pokazywania strony
Od: "Jordan Szubert" <t...@m...servebeer.com>
Dnia 13-06-2009 o 22:56:35 Netx <g...@g...pl> napisał(a):
> Mirosław Zalewski pisze:
>> czerwiec roku pamiętnego 2009, prawdopodobnie 13. Wielka mądrość na
>> czytelników pl.comp.www spłynęła, gdy tako rzekł(a) Netx:
>>
>>> Gdzieś czytałem że można wstawić obrazek do html'a - moze to jest
>>> sposób. Te obrazki mają po kilkaset bajtów.
>>
>> http://perfectionorvanity.com/2005/08/13/data-url-za
laczanie-plikow-w-dokumencie/
>
> Dziękuję, po zastosowaniu tego wynalazku faktycznie widać poprawę :)
> Jedyny mankament, że strona początkowo przestała przechodzić walidację
> "css wersja 3" ale walidator łatwo daje się oszukać Javascriptem:
> <div id="div-var">
> <script type="text/javascript">
> document.getElementById('div-var').style.background=
'url(data:image/png;base64,...)
> right repeat-y';
> </script>
> Teraz jeszcze to potestuję na różnych przeglądarkach, ale jak nawet nie
> zadziała na jakiś starszych przeglądarkach to strona mam nadzieję się
> nie rozsypie od braku tego fajerwerka.
>
> Pozdrawiam,
> Marek
to, ze walidator nie wie, ze jest blad, to nie znaczy, ze bo nie ma...
a zawartosc url() IIRC sie w "" pakuje...
--
http://joru.olewales.ath.cx/
-
8. Data: 2009-06-13 22:28:14
Temat: Re: Jak wymusić kolejność ładowania elementów i pokazywania strony
Od: Netx <g...@g...pl>
Jordan Szubert pisze:
> to, ze walidator nie wie, ze jest blad, to nie znaczy, ze bo nie ma...
> a zawartosc url() IIRC sie w "" pakuje...
dziękuje, sprawdzę to i poprawię.
>> <div id="div-var">
>> <script type="text/javascript">
>>
document.getElementById('div-var').style.background=
'url(data:image/png;base64,...)
>> right repeat-y';
>> </script>
Tu mam jeszcze pytanie dlaczego niektórzy piszą:
<div id="nazwa" name="nazwa" ...>
jak widzę kilka postów niżej?
bo u mnie działa to z
<div id="nazwa"> bez dodawania tego: name="nazwa"
?
Czy powinienem w moim przypadku pisać dodatkowo to name="..." i czy:
document.getElementById('div-var').style.background=
'...'
jest "ok" czy powinienem inną konstrukcję stosować - chodzi o jak
najlepszą kompatybilność z przeglądarkami.
Marek
-
9. Data: 2009-06-13 22:45:06
Temat: Re: Jak wymusić kolejność ładowania elementów i pokazywania strony
Od: Konrad Kosmowski <k...@k...net>
** Netx <g...@g...pl> wrote:
> Mam na stronie www (php) 2 divy z tłami np.
> #div-var {
> (...)
> background: url('img/tlo-r.gif ') right repeat-y;
> }
> Zanim się te niewielki gify (1piksel wysokości) załadują się (lub
> porównają wersję zkeszowaną z wersją na serwerze) to strona już
> wcześniej jest wyświetlana ale bez tych gifów - i przez moment wygląda
> nieciekawie.
Nie wiem bo ja się nie znam ale czy przypadkiem to nie wynika z tego jak działa
silnik renderujący w danej przeglądarce? Tzn. nie upraszczałbym tego w ten
sposób, że one się nie wyświetlają bo nie zostały pobrane - niekoniecznie tak
musi być.
Podejrzyj sobie za pomocą np. Firebug (świetny dodatek do Fx) jak wygląda
komunikacja i jak rozkłada się w czasie, spróbuj umieścić te obrazki w samym
HTML gdzieś na górze strony (potem za pomocą CSS ukryj je). Może to coś da.
> Może trochę przesadzam z dążeniem do perfekcji ale poproszę o pomoc czy jest
> możliwe i jak to zrobić:
> 1) wymuszenie aby te 2 gify ładowały się jako pierwsze (bo są jeszcze inne
> elementy 1x flash, kilka obrazków, plik z "javascriptem", kilka css ) ?
Jak napisałem - to wcale nie musi wynikać z kolejności w jakiej się odbywa
komunikacja sieciowa.
> 2) zrobienie takiego efektu aby strona nie wyświetlała się w ogóle dopóki te
> gify z tłem się nie załadują ?
Ale już Ci napisano, że to głupota. :) Już pomijając komórki itd. to w imię
jakiegoś kosmetycznego bajeru na który nikt poza Tobą nie zwraca uwagi chcesz
opóźnić ładowanie się strony. Napisałem, że nikt poza Tobą na to nie zwróci
uwagi i twardo za tym stoję - najlepsza metoda aby sprawdzić - postaw przed
stroną żywe osoby (kogo tam masz pod ręką), daj im poklikać i *posłuchaj* co
mają do powiedzenia. Idę w zakład, że w ogóle nie zwrócą na to o czym piszesz
uwagi...
> Chodzi o uniknięcie tego momentu na początku sesji kiedy otwiera się stronę i
> po raz pierwszy się wszystko ściąga z serwera - wtedy strona jest przez
> chwilę bez tych dwóch "teł" - chciałbym to jakoś udoskonalić.
Jw. napisałem - źle na to patrzysz. To jest strona WWW, nie ulotka czy reklama
w TV.
--
+ ' .-. .
, * ) )
http://kosmosik.net/ . . '-' . kK
-
10. Data: 2009-06-13 22:53:25
Temat: Re: Jak wymusić kolejność ładowania elementów i pokazywania strony
Od: porneL <n...@p...net>
On Sat, 13 Jun 2009 17:43:33 +0100, Netx <g...@g...pl>
wrote:
> Chodzi o uniknięcie tego momentu na początku sesji kiedy otwiera się
> stronę i po raz pierwszy się wszystko ściąga z serwera - wtedy strona
> jest przez chwilę bez tych dwóch "teł" - chciałbym to jakoś udoskonalić.
Możesz strasznie spowolnić ładowanie i przy okazji wywalić troche błędów w
konsoli JS, ale efekt będzie jak checsz:
<script src="plik.gif"></script>
--
http://pornel.net
this.author = new Geek("porneL");
do góry
![Oferta tańszych mieszkań na sprzedaż rośnie powoli [© Freepik]](https://s3.egospodarka.pl/grafika2/rynek-wtorny/Oferta-tanszych-mieszkan-na-sprzedaz-rosnie-powoli-263406-50x33crop.jpg "Oferta tańszych mieszkań na sprzedaż rośnie powoli [© Freepik]")
Oferta tańszych mieszkań na sprzedaż rośnie powoli
