Τα αιτήματα HTTP είναι ο τρόπος με τον οποίο τα προγράμματα περιήγησης ζητούν να προβάλλουν τις σελίδες σας. Όταν η ιστοσελίδα σας φορτώνεται σε πρόγραμμα περιήγησης, το πρόγραμμα περιήγησης αποστέλλει αίτημα HTTP στον διακομιστή ιστού για τη σελίδα στη διεύθυνση URL. Στη συνέχεια, καθώς παραδίδεται το HTML, το πρόγραμμα περιήγησης το αναλύει και αναζητά πρόσθετα αιτήματα για εικόνες, σενάρια, CSS, Flash και ούτω καθεξής.
Κάθε φορά που βλέπει ένα αίτημα για ένα νέο στοιχείο, στέλνει ένα άλλο αίτημα HTTP στον διακομιστή. Οι περισσότερες εικόνες, σενάρια, CSS, Flash κ.λπ. ότι η σελίδα σας έχει τα περισσότερα αιτήματα θα γίνουν και όσο πιο αργή θα φορτώσουν οι σελίδες σας. Ο ευκολότερος τρόπος μείωσης του αριθμού αιτημάτων HTTP στις σελίδες σας είναι να μην χρησιμοποιείτε πολλές (ή οποιεσδήποτε) εικόνες, σενάρια, CSS, Flash κ.λπ. Αλλά οι σελίδες που είναι απλώς κείμενο είναι βαρετές.
Πώς να μειώσετε τις αιτήσεις HTTP χωρίς να καταστρέψετε το σχέδιό σας
Ευτυχώς, υπάρχουν διάφοροι τρόποι με τους οποίους μπορείτε να μειώσετε τον αριθμό αιτημάτων HTTP διατηρώντας παράλληλα υψηλής ποιότητας, πλούσια σχέδια Ιστού.
- Συνδυάστε αρχεία - Χρησιμοποιώντας εξωτερικά φύλλα στυλ και τα σενάρια είναι σημαντικά για να μην εμποδίζουν τους χρόνους φόρτωσης της σελίδας σας, αλλά δεν έχουν περισσότερα από ένα CSS και ένα αρχείο σεναρίου.
- Χρησιμοποιήστε CSS Sprites - Όταν συνδυάζετε τις περισσότερες ή όλες τις εικόνες σας σε sprite, μετατρέπετε πολλά αιτήματα εικόνων σε μία μόνο. Στη συνέχεια, απλώς χρησιμοποιείτε την ιδιότητα CSS φόντου-εικόνας για να εμφανίσετε το τμήμα της εικόνας που χρειάζεστε.
- Χάρτες εικόνων - Οι χάρτες εικόνας δεν είναι τόσο δημοφιλείς όσο ήταν κάποτε, αλλά όταν έχετε συνεχόμενες εικόνες, μπορούν να μειώσουν τα πολλαπλά αιτήματα εικόνας HTTP σε ένα μόνο.
Χρησιμοποιήστε το Caching για να βελτιώσετε τους εσωτερικούς χρόνους φόρτωσης σελίδας
Χρησιμοποιώντας sprites CSS και συνδυασμένα αρχεία CSS και script, μπορείτε επίσης να βελτιώσετε τους χρόνους φόρτωσης για εσωτερικές σελίδες. Για παράδειγμα, εάν έχετε μια εικόνα sprite που περιέχει στοιχεία εσωτερικών σελίδων καθώς και τη δική σας σελίδα προορισμού και, στη συνέχεια, όταν οι αναγνώστες σας μεταβαίνουν σε αυτές τις εσωτερικές σελίδες, η εικόνα έχει ήδη ληφθεί και στο κρύπτη. Επομένως, δεν χρειάζονται αίτημα HTTP για να φορτώσουν αυτές τις εικόνες στις εσωτερικές σας σελίδες.