PDA

Zobacz pełną wersję : Duży rozmiar strony (ponad 10MB)



okmiwww
19-04-2018, 17:30
Postanowiłem zoptymalizować swoją stronę po teście jaki wykonałem.
Okazało się, że aby strona się załadowała musi wypchnąć aż 10MB.

Dokładna informacja na załączonym obrazku.

Skąd tak duża wartość? Zdjęcia przed wstawieniem na portal są optymalizowane programem i średnio z kilku mega mają po 100kb. Bardziej nie można ich zmniejszyć ponieważ wyglądają źle.
Co zrobić, żeby zmniejszyć tę wartość?
Widziałem, że na niektórych stronach obrazki ładują się dopiero po przesunięciu strony na nie. Czy są takie dodatki dla Joomla?


Z góry dziękuję za wszystkie podpowiedzi.

moje
19-04-2018, 17:40
Jak to skąd, masz na obrazku informacje, że 9 MB to sam grafika. Zoptymalizuj ją.

rkonik
19-04-2018, 20:28
Daj link do strony będzie łatwiej.
Ewentualnie skorzystaj z narzędzia http://www.webpagetest.org/ , dzięki niemu dużo się dowiesz.

okmiwww
20-04-2018, 10:28
Jak to skąd, masz na obrazku informacje, że 9 MB to sam grafika. Zoptymalizuj ją.

OKi, to rozumiem.
Tylko jak?

Oryginalne zdjęcia mają po 4-6MB, kompresujemy je do 100-150kb i dopiero takie wstawiamy na serwer.

Na głównej stronie zdjęcia które się wyświetlają nie jak się je doda nie mają 10MB.

Skąd więc się bierze ta liczba i jak ją zmniejszyć?

Chodzi o stronę www.gpś.pl

Z góry dziękuję za pomoc.

adam.lachut
20-04-2018, 11:19
Zrób test na Pingdom:

https://tools.pingdom.com/#!/bcPmaE/http://www.xn--gp-3sa.pl/

i zobaczysz, że na stronie masz ponad 200 zdjęć, więc nawet jeśli każde ma średnio 50kB, suma objętości się zgadza.

"Problem" polega na tym, że slidery ładują wszystkie zajawki ze zdjęciami i tylko je ukrywają (np. 'Interwencje' to nie 3, a 18 zdjęć)

A.

rkonik
20-04-2018, 13:08
Dokładnie tak jak napisał @adam.lachut Czy wymagają dodatkowej optymalizacji jest kwestią dyskusji. Natomiast problem stanowi ilość tych zdjęć jest ich ponad 200 nawet przy średniej o której piszesz czyli 100k zajmie ci to sporo miejsca.
Na pewno strona wymaga wiele pracy bo nie tylko problem jest ze zdjęciami.
Nie wczytuj wszystkich zdjęć "jednocześnie". Niektóre zdjęcia możesz załadować dopiero po wczytaniu strony i po tym jak np ktoś kliknie w odpowiednią kartę. Nie ma potrzeby ładowania wszystkiego jednocześnie.
Zainteresuj się jeszcze https://developer.mozilla.org/pl/docs/Web/Guide/Performance/Uzycie_web_workers

okmiwww
21-04-2018, 13:01
Nie wczytuj wszystkich zdjęć "jednocześnie". Niektóre zdjęcia możesz załadować dopiero po wczytaniu strony i po tym jak np ktoś kliknie w odpowiednią kartę. Nie ma potrzeby ładowania wszystkiego jednocześnie.






"Problem" polega na tym, że slidery ładują wszystkie zajawki ze zdjęciami i tylko je ukrywają (np. 'Interwencje' to nie 3, a 18 zdjęć)



OKi, faktycznie.
Zgadzam się w 100%, nie miałem pojęcia, że ładują się wszystkie.

Jak zrobić, żeby ładowały się tylko te na głównej stronie, a nie całość?
Czy to muszę ustawić w module odpowiedzialnym za dany dział, czy zainstalować jakiś dodatek do joomli, który z automatu zrobi coś takiego dla całej strony?

Podoba mi się opcja jak na https://www.spidersweb.pl/, czyli ładowanie się kolejnych części strony dopiero przy przewijaniu. Czy jest jakiś dodatek do joomli, który potrafi coś takiego?
Ewentualnie jak coś takiego zrobić?

Dziękuję Panowie za udział w dyskusji.

siristru
21-04-2018, 13:30
Poszukaj dodatków do Joomli lazyload albo sam zaimplementuj taki skrypt.

headge
21-04-2018, 13:57
Poszukaj dodatku wg frazy "infinite scroll" - tu masz taki do K2: http://extensions.styleware.eu/infinity-scroller/infinity-scroller-k2
Przy okazji możesz zainwestować w jakiś kompresor obrazków - Image Recycle na przykład bardzo ułatwia pracę.

chuck
22-04-2018, 15:47
Poszukaj dodatków do Joomli lazyload albo sam zaimplementuj taki skrypt.
Jak zrobić taki skrypt w Joomli (index.php w Templates)?

siristru
22-04-2018, 16:38
Tutaj masz skrypt oraz pełną instrukcję:

https://github.com/ressio/lazy-load-xt

okmiwww
22-04-2018, 22:32
Poszukaj dodatków do Joomli lazyload albo sam zaimplementuj taki skrypt.

Dziękuję pomogło.
Jeszcze wiele rzeczy można zrobić w optymalizacji tej strony, ale ten dodatek zrobił bardzo dużo.
Google dużo lepiej spojrzy teraz na tę stronę.
Dziękuję.

Temat do zamknięcia.

chuck
19-06-2018, 14:38
Tutaj masz skrypt oraz pełną instrukcję:

https://github.com/ressio/lazy-load-xt
Fajny projekt ale nie znalazłem opcji ogólnej aby wprowadzić wolne ładowane w pliku index.php szablonu

Damian91
10-07-2018, 16:08
Zdjęcia i 9 mb... niby nie ma tragedii, są takie strony, które mają zdjęcia na sliderze o takiej wadze. Google Speed Insight + GT Metrix i po wdrożeniu sugestii będzie śmigać.