Mały skrypt JS + JQuery - pytanie. Opcje

[dawidryba]

Witam serdecznie,
Jako, że z JS dopiero zaczynam to nie bardzo wiem, czy coś takiego da się zrobić. Napisałem bardzo łatwy, mały skrypy, który odpowiada za "przyklejenie" menu na górze przeglądarki. Dany skrypt korzysta z biblioteki JQuery. Pobrałem bibliotekę z internetu i okazało się, że warzy ona ponad 200kb (trochę dużo). Bardzo zależy mi na optymalizacji mojej strony. Przepuściłem dany plik przez compresor JS i wyszło 130kb.

Nurtuje mnie pewna sprawa. Czy biblioteka JQuery musi być aż tak obszerna dla tak małego skryptu? Może znajdują się tam jakieś niepotrzebne funkcje? Orientujecie się może?

[PHP] pobierz, plaintext 
<script type='text/javascript'>
				$(window).load(function(){
				function fixDiv() {
					var $cache = $('#menufixed');
					var $caches = $('#moremargin'); 					
					if ($(window).scrollTop() > 113)
					{
						$cache.css({'position': 'fixed', 'top': '0','max-width': '100%','width': '100%'});
						$caches.css({'margin-top': '40px'});
					}
					else
					{
						$cache.css({'position': 'relative', 'top': 'auto','max-width': '1130px'});
						$caches.css({'margin-top': '0px'});
					}
				}
				$(window).scroll(fixDiv);
				fixDiv();
				});
	</script>
[PHP] pobierz, plaintext 

2 sprawa, czy ktoś ma doświadczenie dotyczące blokowania renderowania strony na Joomla! przez JS?

Z góry dziękuję za poświęcony czas na odpisanie mi.
Pozdrawiam Dawid Rybacki!

[viking]

Bez jquery http://www.cssscript.com/simple-on-demand-...-headhesive-js/
Jeżeli chcesz to możesz zbudować jQuery z komponentów które potrzebujesz co ograniczy rozmiar. https://github.com/jquery/jquery W dokumentacji masz opisane moduły.

2 sprawy nie rozumiem o co chodzi

[Crozin]

Tak swoją drogą skompresowane (minifikacja + gzip) jQuery waży 34 KiB.

[Comandeer]

I tak za dużo na coś, co da się machnąć 3 linijkami JS jak nie trzeba wspierać IE, to IMO jQuery lepiej zostawić w spokoju

Warto też zrobić feature detection, bo lisek i webkit mają coś takiego natywnie: position: sticky

[trueblue]

Warto też zrobić feature detection, bo lisek i webkit mają coś takiego natywnie: position: sticky

Po włączeniu odpowiednich flag w konfiguracji. A w Chrome przestali wspierać: http://src.chromium.org/viewvc/blink?view=...revision=177128

[Comandeer]

Hmm… Zgodnie z http://caniuse.com/#feat=css-sticky w lisku działa out-of-box, a w Webkicie potrzebuje prefiksu -webkit

[dawidryba]

Tak też myślałem, żeby w jakiś sposób odchudzić JQuery. Jednak jestem zielony w JS i nie bardzo wiem jakich funkcji on używa.
scroll() i scrollTOP() są tymi funkcjami? Jak na podanym linku przez Vikinga odnaleźć te funkcje i stworzyć z nich mały JS?

Niestety muszę wspierać IE. ok 20% odwiedzających korzysta z IE.

Przepraszam za moją udolność.

Bez jquery http://www.cssscript.com/simple-on-demand-...-headhesive-js/
Jeżeli chcesz to możesz zbudować jQuery z komponentów które potrzebujesz co ograniczy rozmiar. https://github.com/jquery/jquery W dokumentacji masz opisane moduły.

2 sprawy nie rozumiem o co chodzi

Ten post edytował dawidryba 27.08.2015, 13:42:29

[viking]

W tym podanym linku plik js ma 4kb bez gzipa i zawiera wszytsko co potrzebujesz. MOżna poszukać oczywiście innej biblioteki ale zależy czy chcesz wspierać starsze przeglądarki.