• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi
Zapytaj

Czy można w jakiś sposób przyspieszyć ładownie strony w jquery

Object Storage Arubacloud
+1 głos
361 wizyt
pytanie zadane 30 maja 2015 w JavaScript przez jaca121212 Nałogowiec (40,760 p.)

tak jak w temacie http://zaq12wsx.cba.pl/www/ jest możliwość tego zrobienia

dodam że każdy element  na tej stronie ma swój efekt  ale można zauważyc że w pewnym momęcie przeglądarka sie przytnie czy to jest wina darmowego serwera czy  za dużo efektów jest na tej stronie

3 odpowiedzi

0 głosów
odpowiedź 30 maja 2015 przez niezalogowany
Strona otwiera się szybciej jeśli użyjesz samego html5+css
 komentarz 30 maja 2015 przez jaca121212 Nałogowiec (40,760 p.)
tak wime ale nie jestem taki dobry z tych jezyków żeby tworzyć aż tak rozbudoane animacje w html5 i css
 komentarz 30 maja 2015 przez niezalogowany
Powiem ci, że aż tyle animacji to taki zbędny bajer (fajnie wygląda przez pierwsze 3 minuty)

Owszem można jakieś skrypty sobie napisać w js.

W mojej ocenie lepiej jest pisać samemu w js niż korzystać z gotowca (zobacz jak twoja stronka się waliduje przez w3c validator, masakra. Większość stronek stworzonych z gotowców = brak zachowania jakiegokolwiek standardu)
0 głosów
odpowiedź 30 maja 2015 przez Geek Pasjonat (19,660 p.)
Napisanie tego w czystym JS przyśpieszyłoby wczytywanie strony. Możesz też pokombinować z animacjami w CSS.
 komentarz 30 maja 2015 przez jaca121212 Nałogowiec (40,760 p.)
<script>
    $(function(){
    var aktywnaZakladk = $(".zakladki ul.menu li.activ a").attr( "href" );
    $(aktywnaZakladk).addClass("activ");
    $(".zakladki ul.menu li a").click(function(){
        
        var aktywnaZakladk = $( this ).attr( "href" );
        
        $(".tresc-zakladek .zakladka").stop().slideUp(1000);
   $(aktywnaZakladk).stop().slideDown(2000  );
   $(".zakladki ul.menu li").removeClass("activ");
   $(this).parent().addClass("activ");
return false;
    });
});</script>

    </head>
    <body>
<script>
$(document).ready(function(){
    $(".kafelek1").show( "explode", {pieces: 32}, 2000 ).css("display" , "block");
    $(".kafelek2").show( "drop", {direction: "left"}, 6500 ).css({"display" : "block" });
        $(".kafelek3").show( "drop", {direction: "up"}, 7000 ).css({"display" : "block","background-color": "green"});
          $(".kafelek4").show( "drop", {direction: "down"}, 8500 ).css({"display" : "block","background-color": "silver"});
                $(".kafelek5").show( "drop", {direction: "right"}, 9000 ).css({"display" : "block","background-color": "gray"
            });
            $("#gornypasek").show( "explode", {pieces: 4}, 2000 ).css("display" , "block");
                $(".przycisk1").show( "drop", {direction: "left"}, 3500 ).css({"display" : "block" });
                $(".przycisk2").show( "drop", {direction: "up"}, 4500 ).css({"display" : "block" });
                $(".przycisk3").show( "drop", {direction: "up"}, 5500 ).css({"display" : "block" });
                $(".przycisk4").show( "drop", {direction: "up"}, 6500 ).css({"display" : "block" });
                $(".przycisk5").show( "drop", {direction: "right"}, 7500 ).css({"display" : "block" });
});

</script>

taki jest js  i css osobno
0 głosów
odpowiedź 30 maja 2015 przez Comandeer Guru (601,590 p.)
Polecam spojrzeć na http://motherfuckingwebsite.com/ - może język bardzo dobitny, ale w przystępny sposób tłumaczy jak powinna wyglądać prawdziwa strona internetowa ;)

Tak, przycinka jest związana z niepotrzebnym efekciarstwem. Jasne, może to i ładne, ale za 3 razem zaczyna już wkurzać
 komentarz 30 maja 2015 przez jaca121212 Nałogowiec (40,760 p.)
no wiem ale to jest dla mnie testowa strona  przy uczeniu sie jquery   a lepiej sie zapytać wczeniej  czy mozna jakoś przyspieszyc  wczytywanie  stron  niż pozniej  przerabiac drugi raz kod  dzieki za link  zobacze  na niego co toam pisza coś się zawsze nauczę
 komentarz 30 maja 2015 przez testerius Pasjonat (23,960 p.)
Spodziewałem się czegoś w tym stylu http://programming-motherfucker.com/ a tu biała "kartka".  ;P
 komentarz 30 maja 2015 przez jaca121212 Nałogowiec (40,760 p.)

to są początki jquery a tak wgl nie jest strona do oceny tylko temat jest taki  "Czy można w jakiś sposób przyspieszyć ładownie strony w jquery"

 komentarz 30 maja 2015 przez Comandeer Guru (601,590 p.)
Prawda jest taka, że jQuery zawsze posysało w animacjach. Dobrą praktyką jest korzystać z transitions w CSS 3 (albo nawet animacji przy bardziej rozbudowanych rzeczach), a jQuery zostawić jedynie zmienianie klasy elementu (żeby odpalić transition/animację).
 komentarz 30 maja 2015 przez jaca121212 Nałogowiec (40,760 p.)
ok rozumiem  a w aniamacji css  można zrobić efekty takie jak w jquery  np takie jak sa tu na stronie https://jqueryui.com/effect/
 komentarz 30 maja 2015 przez Comandeer Guru (601,590 p.)
Większość da się odtworzyć. Polecam https://daneden.github.io/animate.css/
 komentarz 30 maja 2015 przez jaca121212 Nałogowiec (40,760 p.)
dzieki

12 słów

Podobne pytania

0 głosów
1 odpowiedź 118 wizyt
problem z jquery
pytanie zadane 31 maja 2015 w JavaScript przez jaca121212 Nałogowiec (40,760 p.)
0 głosów
1 odpowiedź 138 wizyt
Problem ze zmiana .css w jquery
pytanie zadane 30 maja 2015 w JavaScript przez jaca121212 Nałogowiec (40,760 p.)
0 głosów
1 odpowiedź 298 wizyt
baner jquery
pytanie zadane 27 czerwca 2015 w Rozwój zawodowy, nauka, praca przez Eimens Maniak (69,240 p.)

92,578 zapytań

141,426 odpowiedzi

319,653 komentarzy

61,961 pasjonatów

Kategorie pytań
Programowanie
Sprzęt komputerowy
Systemy operacyjne, programy
Sieci komputerowe
Hostingi, domeny, usługi
Urządzenia mobilne
Bezpieczeństwo, hacking
Rozwój zawodowy, nauka, praca
Egzaminy zawodowe
Matematyka, fizyka, logika
Grafika i multimedia
Ogłoszenia, zlecenia
Nasze projekty
Nasze poradniki
Sprawy forum
Offtop
Programowanie
C i C++ HTML i CSS JavaScript PHP SQL, bazy danych C# Java SPOJ Python Ruby Assembler Visual Basic Android, Swift, Symbian OpenGL, Unity Inne języki Algorytmy Systemy CMS Mikrokontrolery

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci

Snow Theme by Q2A Market
Powered by Question2Answer
...