Forum Wolnych od Alkoholu

[staaw]

Ile w XXI wieku może ważyć strona internetowa z grafiką żeby ludzie nie klęli?
(czysty html bez javy i innych wodotrysków)

[Whiplash]

Wszystko zależy od tego na jakim serwerze stoi.

Strona z grafiką to również np. photos.google.com. Myślę, że tam jakoś szczególnie się nie martwią tym, ze przeciążą serwery.

[staaw]

Serwer jest na cba.pl a grafika z dysku gogle.
Nie martwię się o serwery tylko o ludzi oglądających grafikę. Mi strona z 12 zdjeciami ładuje się 30 sek. Nie wiem czy to dużo.

[Whiplash]

[Stefcio]

Cała strona powinna ważyć nie więcej niż kilka MB. CBA z racji bycia darmowym serwerem strony serwuje w iframe otoczonym własną warstwą reklam co zapewne troche podnosi czas ładowania ale 30 sekund to i tak sporo. Jeśli otworzysz przeglądarkowy tryb programisty (zwykle prawy przycisk i "zbadaj element" lub cos w tym stylu) wejdziesz w zakładkę Sieć i odświeżysz stronę zobaczysz czas ładowania wszystkich poszczególnych elementów strony i moze uda Ci sie dojżeć co muli. Miożesz też podać adres strony, jesli to nie tajemnica, to sam zbadam. Możliwe też że jakaś wtyczka przeglądarki (najczesciej ad block i jemu pokrewne) blokuje cos i spowalnia stronę. Sporo może być przyczyn, łącze internetowe również ofkoz, ale jesli inne strony ładują się szybko a ta nie to bym szukał winy na samej stronie.

[staaw]

wersja mocno eksperymentalna
http://sgt.cba.pl/sgt/forty/fort_zbarz.html

Idea jest taka:
Chcę stworzyć szablon strony aby w przyszłości tylko wstawiać zdjęcia i opisy w ramki.
Na cba.pl mam 1G miejsca więc grafika jest oddzielnie na dysku google.

Pomysły

Na stronie umieszczę mocno zmniejszone zdjęcia które po kliknięciu/najechaniu będą wczytywały wersję pełnoekranową.
Podzielić stronę na kilka plików HTML
Zrobić coś w stylu galerii, jak np na onecie, gdzie strzałkami wyświetla się następne zdjęcie. Nie wiem jeszcze jak to jest zrobione.

Aaaa...
Nie chcę kożystać z gotowców (wordpress, programy CMS), to moje "programowanie" traktuję jako lekarstwo by mózg mi się nie zmienił w jakowąś skamielinę... Na commodore byłem w tym niezły jednak świat poszedł do przodu...

[Stefcio]

Wygląda na to że problemem tutaj jest właśnie sam Google. Wrzucasz miniatury w postaci iframe - Czyli ładując 6 miniatur ładujesz najpierw Reklamy CBA, wewnątrz nich swoją stronę a wewnątrz niej 6 stron googla. Każda z tych stron googla jest naładowana ich własnymi śmieciami, skrypcikami śledzącymi, CSSami JavaScriptami itp. No i tworząc prostą niby stronę kończysz z takim wynikiem:

https://www.dropbox.com/s...%2008.00.43.png

224 zawołania do zewnętrznych serwerów. Każde synchroniczne czyli musiało poczekać aż poprzednik skończy się ładować co niestety trwa. Obawiam się że idąc dalej tą drogą każdy kolejny obrazek tylko wydłuży czas ładowania. Google nic za darmo nie daje i używając jego serwerów trzeba godzic sie na ładowanie ich śmieci. Ja proponuje jednak żebyś na razie korzystał z 1GB które masz na CBA a kiedy się skończy to pomyślał o jakimś innym serwerze.

[staaw]

Dzięki

W życiu tylu skryptów nie napisałem co mi google władowało a o stylach dopiero zacząłem czytać.

Uspokoiło mnie również to że ja uzyskałem nieco inne wyniki testu wynikające z wieku komputera.
Podczas ładowania strony zarówno wiatrak jak i procesor pracujom z całom siłom i prędkościom osobistom...
100%...
Rozumiem że problem nie leży w wydajności sieci a w dodatkowych programach które musi wykonać moja przeglądarka?
To js zużywa tyle czasu procesora?

[Stefcio]

Problem leży w tym że ładowane są treści te samepo kilka razy (raz dla każdego zdjęcia). Skrypty owszem obciążają twój komputer ale gdyby łaodwały się jeden raz to nie byłoby takiego problemu.

znalazłem taką stronkę na której opisane jest jak wrzucić zdjęcie z google galerii bezposrednio na stronę.

https://www.publicalbum.o...le-photos-image

Mniej więcej w połowie tej strony jest formularz do którego wrzucasz linka do zdjęcia w takiej formie:

https://photos.app.goo.gl/CDad2xiPsis3tt527

Żeby go pozyskac robisz tak jak na załączonym obrazku:

https://www.dropbox.com/s....18.45.png?dl=0

Po wrzuceniu do formularza klikasz na przycisk "Get Image URL" i otrzymujesz linka bezposredniego do Twojego zdjęcia. Tego linka wstawiasz na stronę przy użyciu takiego o taga

<img src="TUTAJ TWÓJ LINK">

i gotowe powinno działać dużo szybciej. Zauważ że w formularzu masz możliwość określenia docelowego rozmiaru zdjęcia. W ten sposób możesz zrobic sobie zdjęcie małe do miniaturki a następnie obudować je w taga

<a href="Link do zdjecia dużego"><img src="link do zdjecia małego></a>

i wtedy masz utrzymane podobne zachowanie jakie masz obecnie. Oczywiscie można w tym rozwiązaniu sporo poprawić ale na początek myśle że jest fajne.

[staaw]

Dzięki. Poexperymentuję...

[staaw]

Sposób z narzędziem działa nawet na forumie. Fajnie.

[staaw]

Skończyłem: http://sgt.cba.pl/sgt/forty/fort_zbarz.html
Teraz otwiera się piorunem lub szybciej
Dzięki

[Whiplash]

[Klara]

[Whiplash]

Dziękuję!!!