[t.....L]

Pytanie do bardziej doświadczonych webdeveloperów ode mnie. W pracy koduję stronkę - całkiem spory projekt, ponad dwadzieścia różnego rodzaju podstron. Jest dosłownie zaje*ana treścią, obrazkami i koniecznymi (do takiego, jak chciał klient działania) skryptami w JS/jQuery. Najprawdopodobniej jutro projekt będzie oddawany klientowi do weryfikacji i byłoby fajnie, gdyby strona ładowała się szybciej, niż obecnie. Czy znacie jakieś dobre narzędzia/sposoby do przyspieszenia ładowania strony?

Wszystkie JS (pluginy, skrypty autorskie) oraz CSS są zminimalizowane, leżą w dwóch różnych plikach. Wszelkie obrazki o rozdzielczości FullHD, które służą jako tło - są w JPGach.

Jeszcze jakieś pomysły?

#webdev #js #frontend #html5

[P.....s]

Wszystkie skrypty laduja sie od razu w headerze czy tylko na konkretnych podstronach? Jesli jakiegos skryptu uzywasz tylko raz przezuc go do konkretnej podstrony, a w headerze pozostaw tylko te ktore sa potrzebne globalnie

[masaj]

@tomcioPL: Obrazki do sprite'a

[kowad]

@tomcioPL: sprawdź (np w firebugu) co muli i sukcesywnie niweluj problemy.

[masaj]

@tomcioPL: http://www.w3schools.com/css/css_image_sprites.asp

[t.....L]

@PuffinusGravis: Skrypty oczywiście na końcu strony (łącznie ze skyptami do społecznościówek, które potwornie zamulają stronę - czy da się je załadować asynchronicznie?).

Czy wg Was skrypty mogą przyspieszyć poprzez zastosowanie podobnego schematu w pliku JS:

if($(".moj_element").length > 0 ) wywolajFunkcjeDlaTegoElementu();

Hm? To faktycznie pomaga?

[t.....L]

@masaj: Właśnie część obrazków jest już w sprajcie. Jako że projekt był robiony chwilowo przez dwie osoby, będę musiał wrzucić wszystkie obrazki w jeden PNG :) Trochę będzie przy tym roboty, ale trudno.

[epi]

@tomcioPL: do optymalizacji obrazków polecam:

https://tinypng.com/

http://jpegmini.com/

[epi]

@tomcioPL: sprawdź stronę tu i obczaj sugestie jakie dostaniesz

[masaj]

@tomcioPL: trochę jest ale znacząco przyspiesza...a przynajmniej powinno( ͡° ͜ʖ ͡°)

[t.....L]

@epi: Dzięki! Nawet nie wiedziałem o istnieniu podobnego narzędzia ;)

[13czarnychkotow]

Taktyk

[mattcabb]

@tomcioPL: gtmetrix.com do sprawdzenia co muli i co można poprawić.

[latajacy_pomidor]

.