Ενεργή συμπίεση Gzip - CSS-Κόλπα

Anonim

Η συμπίεση μειώνει τους χρόνους απόκρισης μειώνοντας το μέγεθος της απόκρισης HTTP. Το Gzip είναι η πιο δημοφιλής και αποτελεσματική μέθοδος συμπίεσης που διατίθεται σήμερα και γενικά μειώνει το μέγεθος απόκρισης κατά περίπου 70%.

Το 2009, το 90% της επισκεψιμότητας μέσω Διαδικτύου ταξίδεψε μέσω προγραμμάτων περιήγησης που υποστήριζαν. Τζιπ. Σήμερα:

Όλα τα σύγχρονα προγράμματα περιήγησης υποστηρίζουν και διαπραγματεύονται αυτόματα τη συμπίεση GZIP για όλα τα αιτήματα HTTP: δουλειά μας είναι να διασφαλίσουμε ότι ο διακομιστής έχει ρυθμιστεί σωστά ώστε να εξυπηρετεί τον συμπιεσμένο πόρο όταν ζητηθεί από τον πελάτη.

Σε διακομιστή που βασίζεται σε Apache, μπορείτε να το κάνετε μέσω του αρχείου ".htaccess":

# BEGIN GZIP AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript # END GZIP

Αυτή είναι ουσιαστικά μια λίστα τύπων MIME στους οποίους θα εφαρμοστεί το gzipping. Μη διστάσετε να αλλάξετε τη λίστα σε όλα τα στοιχεία βάσει κειμένου που εξυπηρετείτε.

Το έργο HTML5 Boilerplate προσφέρει διαμορφώσεις διακομιστή για όλους τους δημοφιλείς διακομιστές. Αυτή είναι η έκδοση για το .htaccess

 AddOutputFilterByType DEFLATE "application/atom+xml" \ "application/javascript" \ "application/json" \ "application/ld+json" \ "application/manifest+json" \ "application/rdf+xml" \ "application/rss+xml" \ "application/schema+json" \ "application/vnd.geo+json" \ "application/vnd.ms-fontobject" \ "application/x-font-ttf" \ "application/x-javascript" \ "application/x-web-app-manifest+json" \ "application/xhtml+xml" \ "application/xml" \ "font/eot" \ "font/opentype" \ "image/bmp.webp" \ "image/svg+xml" \ "image/vnd.microsoft.icon" \ "image/x-icon" \ "text/cache-manifest" \ "text/css" \ "text/html" \ "text/javascript" \ "text/plain" \ "text/vcard" \ "text/vnd.rim.location.xloc" \ "text/vtt" \ "text/x-component" \ "text/x-cross-domain-policy" \ "text/xml"