Stutter (κόλλημα) σε jquery animations?

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
Christianago
Δημοσιεύσεις: 332
Εγγραφή: 12 Νοέμ 2009 13:36

Stutter (κόλλημα) σε jquery animations?

Δημοσίευση από Christianago » 18 Ιουν 2012 20:10

Γεια σας! Ειναι γνωστο οτι σε localhost τα παντα τρεχουν ομαλα (smooth) και γενικα κατω απο ιδανικες συνθηκες, αλλα οταν ανεβαινουν σε real server τα παντα κολλανε (stutter) και αργουν.
Αναφερομαι στα animations της jquery ui. Πως γινεται να φορτωνουν ομαλα τα animatios παρομοια με localhost,
γιατι με το να φορτωνουν σπασμωδικα καλυτερα να μην υπαρχουν animations.
Συγκεκριμενα εχω διαφορα fadeslider events σε καποια elements (div) τα οποια τρεχουν κατα την εκκινηση της σελιδας
και τα οποια φαινονται σαν καποιος να τα κραταει απο την αρχη της σελιδας
και σε κλασματα δεπτερολεπτουν πεφτουν βιαια στο τελος της σελιδας. Δηλαδη μονο slide δεν κανουν, που ειναι το ζητουμενο δηλαδη.
Επιπλεον τα animations εκτελουνται υστερα απο κληση ajax δεν ξερω αν εχει σχεση.
Εψαξα για διαφορες λυσεις, οπως να βαλω τα animations στο $(window).load(function() { }); αλλα δεν ειχε καποια σχεση.
Δεν ξερω ποιος ευθυνεται για το προβλημα δηλ. για να το διορθωσω.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6228
Εγγραφή: 30 Νοέμ 2004 03:09

Stutter (κόλλημα) σε jquery animations?

Δημοσίευση από fafos » 18 Ιουν 2012 20:49

oi vasikoteres aities einai:

1. oi js,css vivliothikes prepei na einai ston server sou kai na mhn tis travas apo allo site p.x. google)

2. den dinoume synexeia tis klhseis ton classes-ids sthn idia function..

p.x. lathous:

$("#foo").click(function () {

$("#foo").fadeIn(slow);

});

p.x. sostou:

$("#foo").click(function () {

$(this).fadeIn(slow);

});

3. o browser sou kanei kolpa.. exo parathrhsei kalyterh apodosh ton effects apo ton chrome se sxesh me ton firefox h ton IE.
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
Christianago
Δημοσιεύσεις: 332
Εγγραφή: 12 Νοέμ 2009 13:36

Stutter (κόλλημα) σε jquery animations?

Δημοσίευση από Christianago » 18 Ιουν 2012 21:00

Ναι ο chrome τα ρολλαρει λιγο καλυτερα. Ενα αλλο σημαντικο ειναι οι κλησεις ajax που περιλαμβανουν animations να ειναι ασυγχρονες.
Δεν ξερω αν εχει σχεση αλλα διαβασα οτι ειναι καλο να αποθηκευεις τα ids των elements σε μεταβλητες και να χρησιμοποιεις αυτες παρα τα ids.
Αυτο για καποιον μπορει να ισοδυναμει με μεγαλη αλλαγη κωδικα. Ισχυει;
Με αυτες τις αληθειες ειμαι καλυμενος; Σιγουρα δεν υπαρχει κατι αλλο;

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6228
Εγγραφή: 30 Νοέμ 2004 03:09

Stutter (κόλλημα) σε jquery animations?

Δημοσίευση από fafos » 18 Ιουν 2012 21:09

Christianago έγραψε:Ναι ο chrome τα ρολλαρει λιγο καλυτερα. Ενα αλλο σημαντικο ειναι οι κλησεις ajax που περιλαμβανουν animations να ειναι ασυγχρονες.
Δεν ξερω αν εχει σχεση αλλα διαβασα οτι ειναι καλο να αποθηκευεις τα ids των elements σε μεταβλητες και να χρησιμοποιεις αυτες παρα τα ids.
Αυτο για καποιον μπορει να ισοδυναμει με μεγαλη αλλαγη κωδικα. Ισχυει;
Με αυτες τις αληθειες ειμαι καλυμενος; Σιγουρα δεν υπαρχει κατι αλλο;
den katalavaino gia poion logo tha apedidan kalytera oi metavlhtes se sxesh me thn aplh anafora ton elements? oi metavlhtes einai xrhsimes gia epanaxroishmopoihsh kapoion functions.
Genika to provlhma ton js-ajax einai oti douleuoun me client side opote allios mporei na ta vlepo ego allios esy kai paei legontas afou o ypologisths mporei na ephreazei xronous emfanishs-apokryphs... kai den einai to provlhma mono me ta animations.. kai alla effects parousiazoun provlhmata pou kai pou..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
Christianago
Δημοσιεύσεις: 332
Εγγραφή: 12 Νοέμ 2009 13:36

Stutter (κόλλημα) σε jquery animations?

Δημοσίευση από Christianago » 18 Ιουν 2012 21:52

Οντως οφειλεται και στο μηχανημα του καθε client και κατα φορτο εργασιας εχει καθε στιγμη.
Ωραια ευχαριστω για τις συμβουλες.

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Stutter (κόλλημα) σε jquery animations?

Δημοσίευση από alou » 21 Ιουν 2012 19:02

fafos από τα λιγότερα από σένα που ξέρω, γενικά προτείνεται να 'κασάρεις' ένα set από jquery objects σε μια μεταβλητή αν τα επαναχρησιμοποιείς για ευνόητους λόγους.
edit: http://jsperf.com/ns-jq-cached
στα στατιστικα των τεστ φαίνεται και πόσο πιο γρήγορος είναι ο chrome

Από εκεί και πέρα, υπάρχουν κάποια standard που καλό είναι να συνηθίζει κανείς χρησιμοποιόντας jquery selectors, πχ όπου είναι δυνατό προτιμάς ids και elements γιατί υποστηρίζονται από native dom operations (getelementbyid), πιο αργά είναι τα class selectors και ακόμα πιο αργά τα pseudo / attribute... και διάφορα άλλα.

Φαντάζομαι το UI κάνει πολύ πιο σύνθετη την διαδικασία με τις δικές του μεθόδους όμως...

Κάποιο σχετικό τέστ:
http://jsperf.com/dh-jquery-1-4-vs-1-6/6

Και μια ερώτηση, fafos γιατί προτιμάς την js lib στον server από μια πιθανότατα κασαρισμένη από cdn?

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6228
Εγγραφή: 30 Νοέμ 2004 03:09

Stutter (κόλλημα) σε jquery animations?

Δημοσίευση από fafos » 21 Ιουν 2012 19:21

vasika einai antithetos me to cacharisma apo pleuras client... auta pou les einai sosta kai fainontai stis diafores tou firefox (pou den polykrataei cache) kai ston chrome (pou krataei cache).. parola auta omos se sites pou ananeonontai synexos den mporo na exo to "austhro" cache tou chrome..

Enas apo tous vasikous kanones tou programmatismou (genika milao kai oxi mono gia to web) einai na vriskoume thn pio syntomh odo pou parousiazei sosta to apotelesma.. ta ids mporei na einai poly pio grhgora alla se polles ton periptoseon kanoun ta pragmata xeirotera apo auto pou perimenoume.. paradeigma to more/less sto allo post tou touristikou grafeiou... skepsou na eixes ids anti gia classes ekei mesa..

Se genikes grammes.. to poly kai to katholou vlaptoun :lol:
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Stutter (κόλλημα) σε jquery animations?

Δημοσίευση από alou » 21 Ιουν 2012 19:35

fafos έγραψε:
Se genikes grammes.. to poly kai to katholou vlaptoun :lol:
OK με κάλυψες :lol:

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6228
Εγγραφή: 30 Νοέμ 2004 03:09

Stutter (κόλλημα) σε jquery animations?

Δημοσίευση από fafos » 21 Ιουν 2012 19:47

alou έγραψε:
OK με κάλυψες :lol:
den mou to eleges na grapso mono auto? me evales na grafo istories! :lol:
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 5 επισκέπτες