Ενεργοποίηση συμπίεσης gzip σε ιστοσελίδες

Παρασκευή, 26 Μαρτίου 2010

Ενεργοποίηση συμπίεσης gzip

Η ενεργοποίηση συμπίεσης gzip είναι μια μέθοδος για να μικρύνουμε το μέγεθος ενός αρχείου (html, css, javascript) ώστε η ιστοσελίδα μας να φορτώνει γρηγορότερα.

Αν υποθετικά το μέγεθος της κεντρικής μας σελίδας (html) είναι 16kb με gzip compression θα γινότανε περίπου 4kb. Η ιστοσελίδα θα γίνει "ελαφρύτερη" και θα φορτώνει πιο γρήγορα ενώ εξοικονομούμε και bandwidth.

Η ενεργοποίηση gzip μπορεί να γίνει με τους παρακάτω τρόπους:

1) .htaccess

Δημιουργούμε ένα .htaccess αρχείο και βάζουμε:

php_flag zlib.output_compression on

php_value zlib.output_compression_level 9

2) PHP

Στην δυναμική ιστοσελίδα μας βάζουμε στην 1η γραμμή του PHP κώδικα:

ob_start('ob_gzhandler');

Μπορούμε να χρησιμοποιήσουμε 1 από τις 2 επιλογές, αν το zlip.output_compression είναι enabled ήδη και βάλουμε και το ob_start('ob_gzhandler') μπορεί να δημιουργηθούν προβλήματα.

Και στις 2 περιπτώσεις γίνεται compressed το html source της ιστοσελίδας αλλά όχι τα css η τα javascript αρχεία.

Εναλλακτική λύση για .htaccess

<IfModule mod_deflate.c>
<FilesMatch ".(js|css|html|php)$">
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>

Με το SetOutputFilter DEFLATE μπορούμε να κάνουμε compress όλα τα components μιας ιστοσελίδας, δηλαδή html, stylesheets και javascript.

Στο whatsmyip.org μπορούνε να δούμε αν η ιστοσελίδα μας έχει gzip compression.

Σχόλια


Το σχόλιο σας

Όνομα:
email:
website:
Σχόλια:

πληκτρολογήστε τις λέξεις που βλέπετε στο πλαίσιο (βάλτε κενό μεταξύ των δύο λέξεων). Εάν δεν μπορείτε να διακρίνετε τις λέξεις κάντε click εδώ για να εμφανιστούν 2 καινούργιες.


Ειδοποίηση με e-mail για νέα σχόλια



Darth Vader στο twitter

Ο Darth, ο Jesus και ο Chuck στο Twitter

Τα brands προσπαθούν να κάνουν ισχυρή την παρουσία τους στα social media αλλά την ίδια στιγμή funny accounts γνωρίζουν μεγάλη επιτυχία στο twitter.

Like button and comments

Το Like button και η επίδραση στα comments

Αρκετά sites έχουν προσθέσει το Like button στα posts τους αλλά σε αρκετές περιπτώσεις υπάρχει μια δυσαναλογία με τον αριθμό των comments.

Facebook Like

Facebook Like: το επόμενο world wide (social) web;

Εδώ και λίγες μέρες το Facebook έχει προσθέσει το κουμπί Like για τα pages ενώ θέλει να δημιουργήσει ένα Like button για ολόκληρο το web.

YouTube

Οι αλλαγές στο CSS του YouTube και οι διαφορές στους browsers

Το YouTube άλλαξε πρόσφατα το design του αλλά το καινούργιο CSS είναι πιο φιλικό για browsers σαν τον Firefox παρά για τον Internet Explorer.

in.gr

in.gr - σταθερό design από τα τέλη της δεκαετίας του 90

Το in.gr δημιουργήθηκε το 1999 και από τότε μέχρι και σήμερα το design του έχει παραμείνει αναλλοίωτο.

Τι είναι το technotes.gr;

Το technotes.gr ασχολείται με ειδήσεις internet, άρθρα για την τεχνολογία, web 2.0 και αξιολόγηση ιστοσελίδων.

Το περιεχόμενο του site μπορεί να χρησιμοποιηθεί σύμφωνα με την άδεια Creative Commons Attribution-Share Alike 3.0

» Περισσότερα

Latest tweets