Accept-Encoding: gzip, deflate

Αν ο διακομιστής δει αυτό το header στο Request που λαμβάνει, τότε ίσως να συμπιέσει τα δεδομένα που θα στείλει στον περιηγητή διαδικτύου χρησιμοποιώντας μια από τις μεθόδους που έστειλε με το Request. Ο διακομιστής με τη σειρά του προσθέτει ένα header στο HTTP response για να ενημερώσει τον περιηγητή για το συμπιεσμένο περιεχόμενο.

Content-Encoding: gzip

Το Gzip είναι το ποιο δημοφιλές και αποτελεσματικό λογισμικό συμπίεσης αυτή τη στιγμή. Η ανάπτυξη του έγινε από το GNU Project και έγινε πρότυπο από το RFC 1952. Η μόνη εναλλακτική μέθοδος συμπίεσης που μπορείτε να δείτε είναι το deflate, αλλά είναι λιγότερο αποδοτική και λιγότερο δημοφιλής.

Το Gzip γενικότερα μειώνει το συνολικό όγκο δεδομένων κατά 70%. Κατά προσέγγιση το 90% της κίνησης των δεδομένων περνά από περιηγητές που υποστηρίζουν το gzip. Αν χρησιμοποιείτε τον Apache η μονάδα ρύθμισης του gzip εξαρτάτε από την έκδοση. Ο Apache 1.3 χρησιμοποιεί το mod_gzip ενώ ο Apache 2.x χρησιμοποιεί το mod_deflate.

Υπάρχουν γνωστά προβλήματα από περιηγητές και εξυπηρετητές Proxy που μπορεί να προκαλέσουν μια αναντιστοιχία σε σχέση με το τι πραγματικά περιμένει ο περιηγητής διαδικτύου και τι πραγματικά παραλαμβάνει όσον αφορά το συμπιεσμένο περιεχόμενο. Ευτυχώς, αυτές οι ακραίες περιπτώσεις μειώνονται καθώς οι παλαιότερης τεχνολογίας περιηγητές διαδικτύου αντικαθιστώνται από του νεώτερους. Επίσης πρέπει να σημειωθεί ότι ο Apache βοηθά την κατάσταση με την προσθήκη απαντήσεων ανάλογα με την κατάσταση αυτόματα.

Οι διακομιστές αποφασίζουν τι θα συμπιέσουν με το gzip βάση του τύπου του αρχείου που διανείμουν κάθε φορά, αλλά συνήθως είναι πολύ περιορισμένοι στο τι μπορούν να συμπιέσουν. Στα περισσότερα Web Sites η συμπίεση γίνετε μόνο στα έγγραφα που περιέχουν HTML. Σημαντικό είναι επίσης να συμπιέζετε και τα αρχεία σεναρίων (javascript, vbscript) και τα αρχεία CSS, κάτι που δεν συμβαίνει στα περισσότερα Web sites. Επίσης είναι σημαντικό να συμπιέζετε ότι είναι σε μορφή κειμένου όπως είναι και τα αρχεία XML και JSON. Οι εικόνες και τα αρχεία PDF δεν θα πρέπει να συμπιέζονται διότι είναι ήδη συμπιεσμένα. Με το να συμπιέζετε ήδη συμπιεσμένα αρχεία, εκτός του ότι καταναλώνετε πόρους από το σύστημα σας υπάρχει πιθανότητα να αυξήσετε και το τελικό μέγεθος των αρχείων αυτών.

Η συμπίεση όσο περισσότερων αρχείων μπορείτε είναι ένας εύκολος τρόπος να κάνετε τη σελίδα σας ποιο ελαφριά.

Πηγή : Yahoo!

Το πρώτο βήμα για την εφαρμογή του διάσπαρτου περιεχομένου της ιστοσελίδας σας, είναι να μην προσπαθήσετε να γράψετε κάποιο λογισμικό κατάλληλο για να διανείμει την ιστοσελίδα σας σε διαφορετικούς διακομιστές σε όλο τον πλανήτη. Ανάλογα με το λογισμικό που σκοπεύετε να δημιουργήσετε για αυτό το σκοπό, η αλλαγή της αρχιτεκτονικής μπορεί να έχει πέραν του βαθμού δυσκολίας και άλλους αποθαρρυντικούς παράγοντες όπως είναι για παράδειγμα ο συγχρονισμός της κατάστασης των συνόδων, την αναπαραγωγή των κινήσεων της βάσης δεδομένων μεταξύ των διακομιστών, κα. Κάθε προσπάθεια να μειώσετε την απόσταση μεταξύ των χρηστών της ιστοσελίδας σας και του διακομιστή με τη χρήση λογισμικού που γράφετε εσείς μπορεί να σας καθυστερήσει πολύ ή/και να μην μπορέσει να ολοκληρωθεί ποτέ.

Θυμηθείτε πως το 80 – 90% χάνετε στο κατέβασμα των διάφορων συστατικών της σελίδας σας όπως είναι οι εικόνες, τα css, τα σενάρια της JavaScript, τα Flash, κα. Αυτός είναι ο χρυσός κανόνας της βελτιστοποίησης της ιστοσελίδας σας για καλύτερους χρόνους. Αντί να αρχίσετε να γράφετε το δικό σας λογισμικό για την αλλαγή της αρχιτεκτονικής της εφαρμογής σας, είναι καλύτερα πρώτα να διασπείρετε το στατικό σας περιεχόμενο. Αυτή η πρακτική, όχι μόνο επιτυνγχάνει μεγάλη μείωση στο χρόνο απόκρισης, αλλά είναι και ευκολότερη χάρη στα δίκτυα διανομής περιεχομένου !

Ένα δίκτυο διανομής περιεχομένου (CDN), είναι μια ομάδα από διακομιστές, οι οποίοι βρίσκονται σε διάφορα γεωγραφικά μέρη του πλανήτη διασκορπισμένοι για να διανείμουν το περιεχόμενο αποτελεσματικά στους χρήστες. Ο διακομιστής που επιλέγετε κάθε φορά να διανείμει περιεχόμενο σε κάθε χρήστη βασίζετε τυπικά στην απόσταση του χρήστη και του σχετικά κοντινότερου δικτύου. Για παράδειγμα, ο διακομιστής με τις λιγότερες αναπηδήσεις δικτύου ή ο διακομιστής με την ταχύτερη ανταπόκριση επιλέγετε για να μεταδώσει το περιεχόμενο.

Μερικές μεγάλες εταιρείες διαδικτύου διαθέτουν δικό τους δίκτυο διανομής περιεχομένου (CDN), όπως αυτό της Akamai Technologies, Mirror Image Internet ή της Limelight Networks. Για εταιρείες που αρχίζουν τώρα ή για μια μόνο ιστοσελίδα το κόστος ενός δικτύου διανομής περιεχομένου μπορεί να είναι απαγορευτικό, αλλά καθώς το κοινό σας θα μεγαλώνει τότε θα είναι απαραίτητο ένα δίκτυο διανομής περιεχομένου (CDN). Στην Yahoo!, όπου μεταφέρθηκε το στατικό περιεχόμενο σε των εφαρμογών της σε δίκτυο διανομής περιεχομένου ο χρόνος αναμονής των χριστών μειώθηκε κατά 20% ή/και περισσότερο. Η μετάβαση σε ένα δίκτυο διανομής περιεχομένου απαιτεί μια πολύ μικρή αλλαγή στον τρόπο που γράφετε τα προγράμματα σας η οποία όμως θα βελτιώσει δραματικά την ταχύτητα της ιστοσελίδας σας.

Πηγή : Yahoo!

Μειώνοντας τον αριθμό των στοιχείων που χρειάζεται μια σελίδα για να ολοκληρωθεί η εμφάνιση της, μειώνετε και το σύνολο των Http Request και κατ επέκταση και το συνολικό χρόνο που θέλει η σελίδα για να κατέβει στον περιηγητή διαδικτύου. Αυτό είναι το κλειδί για γρηγορότερες ιστοσελίδες.

Ένας τρόπος για να μειώσετε τον αριθμό των στοιχείων μιας σελίδας είναι να απλοποιήσετε τον σχεδιασμό της. Υπάρχει όμως τρόπος να δημιουργήσετε ιστοσελίδες ποιο απλά σχεδιασμένες με ποιο πλούσιο περιεχόμενο ενώ παράλληλα έχετε και καλύτερο χρόνο; Ακολουθούν μερικές τεχνικές για να μειώσετε τα Http Requests, με τις οποίες μπορείτε να έχετε και πλούσιο σχεδιασμό.

Συνδυασμένα αρχεία

Τα συνδυασμένα αρχεία είναι ένας τρόπος για να μειώσετε τον αριθμό των Http Request συνδυάζοντας το περιεχόμενο όλων των αρχείων σεναρίων (πχ. Javascript) σε ένα αρχείο, και κάνοντας το ίδιο και με τα αρχεία stylesheet. Αυτή η διαδικασία σε ορισμένες περιπτώσεις είναι πραγματική πρόκληση, ειδικά όταν τα σενάρια ή οι κανόνες μορφοποίησης διαφέρουν από σελίδα σε σελίδα, αλλά κάνοντας αυτή τη διαδικασία κατά την δημιουργία μιας ιστοσελίδας επιταχύνετε το κατέβασμα της σελίδας.

CSS Sprites

Τα CSS Sprites είναι ο ιδανικός τρόπος για να μειώσετε τον αριθμό των Http Requests. Συνδυάστε τις εικόνες φόντου σε ένα αρχείο εικόνας, και στη συνέχεια χρησιμοποιήστε τις ιδιότητες μορφοποίησης των CSS background-image και background-position για να προβάλλετε το επιθυμητό τμήμα της εικόνας.

Image Maps

Τα Image maps συνδυάζουν πολλές εικόνες μέσα σε ένα αρχείο εικόνας. Το συνολικό μέγεθος είναι σχεδόν το ίδιο, αλλά μειώνοντας το σύνολο των Http Requests επιταχύνετε το κατέβασμα της σελίδας. Τα Image Maps μπορούν να εφαρμοστούν μόνο αν οι εικόνες είναι γειτονικές μέσα στη σελίδα, όπως για παράδειγμα στο κεντρικό μενού πλοήγησης.

Inline images

Τα inline images χρησιμοποιούν data: URL Schema για να ενσωματώσουν τα δεδομένα της εικόνας στα δεδομένα της σελίδας. Αυτό μπορεί να αυξάνει το συνολικό μέγεθος της ιστοσελίδας. Ο συνδυασμός όμως των inline images στα αρχεία CSS που αποθηκεύονται προσωρινά στον περιηγητή του χρήστη μπορούν να μειώσουν το σύνολο των Http Request και έτσι αποφεύγετε και τα μεγάλα αρχεία ιστοσελίδων. Να σημειωθεί πως τα inline images δεν υποστηρίζονται ακόμα από όλους τους περιηγητές.

Η μείωση των Http Request στην ιστοσελίδας σας είναι το σημείο από το οποίο θα πρέπει να ξεκινήσετε. Αυτός είναι ο ποιο σημαντικός κανόνας για να βελτιώσετε την ταχύτητα της σελίδας σας για τους όσους επισκέπτονται για πρώτη φορά τη σελίδα σας. Όπως περιγράφετε στο ιστολόγιο του Tenni Theurer’s “Browser Cache Usage – Exposed!”, το 40 – 60% από τους καθημερινούς χρήστες της ιστοσελίδας σας, έρχεται με την cache του κενή.

Πηγή : Yahoo!