Yahoo! User Interface Blog (YUIBlog)

Κινητό Όρια cache του browser, Revisited

Το Mobile Όρια cache του browser: Android, Ίο, και webOS , μοιράστηκα τα αποτελέσματα των προσπαθειών μου να προσδιοριστούν τα όρια cache του browser στο Android, την Ίο, και webOS συσκευές. Στο τέλος του άρθρου, έγραψα:

Χρησιμοποιήστε αυτά τα αποτελέσματα ως σημείο εκκίνησης, αλλά ελέγχει τον εαυτό τους πριν κάνετε σημαντικές αποφάσεις που βασίζονται σε υποθέσεις σχετικά με το κινητό τους περιορισμούς cache. Το κινητό αλλάζει ο κόσμος browser με ρυθμό αστραπής, έτσι αυτή η έρευνα θα έχει πολύ μικρή διάρκεια ζωής.

Όπως αποδεικνύεται, ότι ήταν μια καλή συμβουλή: την ημέρα μετά το άρθρο αυτό δημοσιεύτηκε, Steve Souders σχολίασε ότι είχε κάνει δοκιμές, χρησιμοποιώντας μια διαφορετική μεθοδολογία που ήταν πιο αντιπροσωπευτικό ενός πραγματικού κόσμου ροή εργασίας web και είχε πάρει διαφορετικά αποτελέσματα.

Νέα Μεθοδολογία

Πρωτότυπη μεθοδολογία μου που εμπλέκονται άμεσα την πλοήγηση σε μια τυχαία σελίδα από ένα ορισμένο μέγεθος, που σερβίρεται με ένα text/html τύπο περιεχομένου. Τα αποτελέσματα χρησιμοποιώντας τη μεθοδολογία αυτή ήταν αξιόπιστα αναπαραχθούν (εκτός από webOS), αλλά όπως επεσήμανε ο Steve, οι χρήστες δεν πλοηγηθείτε άμεσα σε CSS και JavaScript αρχεία. Η υπόθεσή μου ότι τα όρια για την άμεση πλοήγηση σε έναν πόρο HTML ήταν τα ίδια με τα όρια για το εξωτερικό CSS και JavaScript ήταν λανθασμένη, έτσι ακόμα κι αν τα αποτελέσματα των δοκιμών μου ήταν έγκυρη, δεν ήταν ευρέως εφαρμόσιμη.

Κατά τη διάρκεια πολλών συνόδων IM, πολλά ηλεκτρονικά μηνύματα, και μια-δυο τηλεφωνήματα, Steve και δούλεψα μια νέα μεθοδολογία δοκιμών. I εφαρμοστεί μια έκδοση του στην κορυφή της μου -πλαισίου δοκιμών cache , τότε ο Steve εφαρμοστεί μια έκδοση μπορεί να δημοσιεύει αποτελέσματα σε Browserscope .

Στο νέο τεστ, θα φορτώσει μια σελίδα HTML που αναφέρεται σε μια τυχαία που δημιουργείται CSS ή JavaScript συστατικό ενός ορισμένου μεγέθους. Στη συνέχεια περιηγηθείτε σε μια δεύτερη σελίδα HTML η οποία φορτώνει την ίδια συνιστώσα και ελέγχει αν ήταν ή όχι φορτωθεί από τη μνήμη cache. Για να διαπιστωθεί εάν ένα στοιχείο έχει φορτωθεί από τη μνήμη cache, αποθηκεύουμε μια χρονική σήμανση σε ένα cookie στον κάθε αίτηση? Εάν το timestamp ενημερώνεται η δεύτερη φορά που θα φορτώσει το στοιχείο, γνωρίζουμε το αίτημα χτυπήσει το διακομιστή, που σημαίνει ότι το στοιχείο δεν ήταν φορτωμένο από τη μνήμη cache.

Νέα Αποτελέσματα

Διαπιστώσαμε ότι όλα τα προγράμματα περιήγησης για κινητά που δοκιμάσαμε είχαν σημαντικά υψηλότερα όρια cache για εξωτερικούς πόρους που φορτώνονται από μια σελίδα από ό, τι έκαναν για μια σελίδα HTML η ίδια. Αυτό είναι εξαιρετική είδηση ​​για το κινητό web developers.

Ο παρακάτω πίνακας παρουσιάζει τα ευρήματά μας:

Σημειώστε ότι 4MB ήταν το μεγαλύτερο μέγεθος που δοκιμάσαμε, καθώς και όλες τις iOS συσκευές αποθηκεύονται προσωρινά στοιχεία 4MB. Το πραγματικό όριο cache για αυτές τις συσκευές μπορεί να είναι μεγαλύτερο από 4 MB. Επίσης, webOS στο Palm Pre Plus έδωσε σταθερά αποτελέσματα σε αυτό το τεστ, ενώ είχε κάποια προβλήματα στην προηγούμενη δοκιμή.

Είναι πιθανό ότι το πολύ χαμηλότερα όρια προηγούμενα τεστ μου έδειξε για HTML συστατικά στην Ίο μπορεί να υποδεικνύει τη χρήση της cache μνήμης RAM για τα στοιχεία αυτά, ενώ τα πολύ υψηλότερα όρια για τα CSS / JS συστατικά σε αυτό το τεστ μπορεί να δείξει τη χρήση cache στο δίσκο, αλλά αυτό είναι απλά εικασίες. Android, τουλάχιστον, φαίνεται να χρησιμοποιήσετε μια μνήμη cache του δίσκου και στις δύο περιπτώσεις, από την προσωρινή μνήμη του επιβιώνει κύκλους εξουσίας.

Νέες συστάσεις

Με βάση αυτά τα νέα αποτελέσματα, σε συνδυασμό με τα αποτελέσματα από προηγούμενες εξετάσεις μου, προσφέρω τα ακόλουθα επικαιροποιημένο σύνολο συστάσεων:

• Χρησιμοποιήστε πολύ-μέλλον κεφαλίδες λήξης cache. Αυτό θα αποτρέψει το πρόγραμμα περιήγησης από την υποχρέωση να στείλει ένα υπό όρους αίτηση GET.
• Προσπαθήστε να περιορίσετε σελίδες HTML για να 25.6KB ή λιγότερο αν θέλετε να γίνεται προσωρινή αποθήκευση, από την προηγούμενη δοκιμές έδειξαν ότι το όριο που επιβάλλεται από τους iOS 3.2 το iPad-ήταν η χαμηλότερη HTML όριο των πόρων της υπό δοκιμή συσκευές.
• Κρατήστε CSS και JS συστατικά κάτω από 1MB. Φυσικά, 1MB είναι τεράστια και τα υλικά μας πρέπει να είναι πολύ μικρότερο από αυτό, αλλά μην κάνετε τον κόπο διάσπαση ενός στοιχείου σε ξεχωριστές αιτήσεις για το καλό των Δυνατότητα cache, εκτός αν το μέγεθός του προσεγγίσεις 1MB.
• Σκεφτείτε να χρησιμοποιήσετε τη μνήμη cache εφαρμογή HTML5 αν είναι σημαντικό ότι τα στοιχεία σας παραμένουν στη μνήμη cache για μεγάλο χρονικό διάστημα, ή σε κύκλους εξουσίας.
• Κάντε τη δική σας δοκιμή. Τόνισα τη σημασία που έχει αυτό στο προηγούμενο άρθρο μου και θα το τονίσω και πάλι εδώ. Χρησιμοποιήστε αυτά τα αποτελέσματα ως σημείο εκκίνησης, αλλά ελέγχει τον εαυτό τους πριν κάνετε σημαντικές αποφάσεις που βασίζονται σε αυτά.

Εύρεση συζητήσεις: Bloglines | technorati

Μοιραστείτε και να επεκτείνει: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!