[MrDroonix]

Jakie techniki wykorzystujecie do optymalizacji stron www? Chodzi mi o optymalizację pod kątem czasu wczytywania. Zastosowałem minifikację kodu, bezstratną kompresję zdjęć, kompresję gzip oraz wykorzystanie pamięci podręcznej przeglądarki (cache). Zastanawiam się czy można coś jeszcze poprawić.

#webdev #optymalizacja

[n.....h]

@MrDroonix: HTTP2

[ennovum]

@MrDroonix: najpierw sprofiluj kod i zorientuj się co dokładnie trwa zbyt długo.

[HadHod]

@MrDroonix: sprites do grafik, .css i .js wrzucasz do jednych plików - nie tylko minifikacja ale też cocat.

[HadHod]

@MrDroonix: Do bibliotek korzystaj z serwerów DNS. Cache może zostać nawet z innych stron.

[Melcma]

@MrDroonix: wrzuc stratną kompresje zdjec chyba ze robisz strone dla fotografa, tinypng np

[DragonEW]

@HadHod: chyba CDN?

[macza]

bezstratną kompresję zdjęć

@MrDroonix: czyli co walisz bmp? chyba jednak zastosowałeś kompresję ( ͡° ͜ʖ ͡°) Ostatnio Google używa cache w taki sposób, że cała strona jest dostępna offline.

[breja]

@MrDroonix: cloudflare

[Jurigag]

@nehemiah: u mnie http2 powoduje zawieszanie się requestów xD jeden jest zwracany w 30 sekund xd w logach serwera nic nie ma

[Jurigag]

@MrDroonix: kompresja webp(tylko webkit, pagespeed od google załatwia tą sprawę, zresztą polecam bo moduł jest zajebisty), lazy loading zdjęć, defer javascriptu(to da ogromnego boosta do ładowania doma, tylko że jak masz stronę zajebiśce zaleźną od jsa no to w sumie będzie się ładowała ona dłużej

[HadHod]

@DragonEW: O jezu, masz rację. Za mało śpię ostatnio ( ͡° ʖ̯ ͡°) Dzięki.

[MegaZU0]

@MrDroonix: eliminacja nie potrzebnego blokującego renderowanie kodu, minimalna ilość plików .js/.css/.jpg (sprite waży więcej, ale zmniejsza requesty i możliwe wait time), content delivery network, ładowanie niektórych elementów jak będą potrzebne (homepage może mieć 5500px, user chce skorzystać tylko z menu, kod js jest na samym dole body, noprofit (╯︵╰,) )

[MrDroonix]

@Melcma: @macza: chodziło mi o stratną kompresję ( ͡° ͜ʖ ͡°) nie wiem dlaczego napisałem bezstratną. Obrazki .jpg kompresowałem programem JPEGmini, różnic w jakości nie widać a zdjęcia ważą dużo mniej.