• email us
  • +30 MWJK NO+ L++
  • Mon-Fri 9am - 5pm
spiderman besides a macbook

UNUSED CSS: Μια σημαντική παράμετρος ταχύτητας στα "Sites"

Η ταχύτητα αποτελεί σημαντικό κομμάτι μιας ιστοσελίδας. Πολλά έχουν γραφτεί και σε όλες τις γλώσσες για αυτό το θέμα. Τι βοηθάει όμως σε βελτίωση ταχύτητας;

Αναφέραμε την συμπίεση παραπάνω. Αυτή αφορά πολλά επίπεδα όπως: Εικόνων, σελίδων, javascript και CSS αρχείων. Tα 2 τελευταία έχουν να κάνουν και με την αισθητική μιας ιστοσελίδας, βρίσκονται παντού και είναι πολλά!! Συνεπώς είναι πολύ σημαντικό να ασχοληθεί κανείς με την βελτιστοποίηση τέτοιων τύπου αρχείων.

Σε αυτό το άρθρο της Web4all θα μιλήσουμε αποκλειστικά για τα αρχεία CSS.

Για όλα τα παραπάνω υπάρχουν φυσικά έτοιμα plugins, κάποια αξιόπιστα και κάποια άλλα απλώς “επικίνδυνα”. Πώς όμως θα μπορούσαμε να έχουμε ένα γρήγορο site εάν έχουμε εγκατεστημένα 30 plugins? Η απάντηση είναι πολύ απλή: “δεν θα έχουμε γρήγορο site”.

Οπότε, προφανώς χρειάζεται να έχει κανείς πολύ καλή γνώση για να μπορέσει να εντοπίσει και πολύ περισσότερο για να καταφέρει να κάνει τη βρώμικη δουλειά του Css minification. Ακόμα και στην περίπτωση που έχουμε κάποιο plugin για cache που περιλαμβάνει την επιλογή για την παραπάνω δουλειά, θα δούμε αποτέλεσμα μα η εμπειρία έχει δείξει οτι το αποτέλεσμα είναι σε ένα πολύ αρχικό επίπεδο.

Από την άλλη, και για πιο προχωρημένους, υπάρχει το site UNUSED-CSS

Γιατί σαν web4all επιλέγουμε αυτή την υπηρεσία;

Οι λόγοι είναι αρκετοί, αλλά ας δούμε τα πιο σημαντικά:
1. Δεν είναι plugin
2. Αναλύει σε πολύ καλό επίπεδο τα περιεχόμενα όλων των css αρχείων ενός site
3. Δεν κάνει αυτόματα μόνο του αλλαγές
4. Σε αφήνει να συγκρίνεις το παλιό με το νέο αρχείο css που η UNUSED-CSS έχει δημιουργήσει
5. Επιλέγεις ποιό/ποιά αρχεία θέλεις να κατεβάσεις και να αντικαταστήσεις με ftp ή μέσα από την κονσόλα του server (πχ PLESK) τα παλιά σου αρχεία

Παρακάτω ακολουθεί ένα στιγμιότυπο από το site μας. Εκεί ξεκινάει κανείς να μελετά τα διάφορα εντοπισμένα αρχεία και έπειτα να πάρει την απόφαση να ενεργήσει ανάλογα.

css results from software

Συμπεράσματα:

Στον τεράστιο κόσμο του web development σίγουρα ακούγονται πολλές απόψεις για πληθώρα πραγμάτων. Στις δικές μας προσπάθειες να βελτιστοποιήσουμε κάποια βαριά sites, το εργαλείο που χρησιμοποιήσαμε και εξακολουθούμε να βλέπουμε είναι το Unused-CSS και είμαστε απόλυτα ικανοποιημένοι με αυτό.

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

Image of Pavlos Mavroudis

Pavlos Mavroudis CCNA,MCP, MSc

Ο Παύλος Μαυρουδής είναι WordPress Designer και Εκπαιδευτής Ενηλίκων. Εργάστηκε 15 χρόνια στον χώρο της πληροφορικής/τηλεπικοινωνιών και είναι MSc στην Κοινωνική και Αλληλέγγυα Οικονομία.
Αγαπημένο του σύνθημα "δούλεψε για να ζήσεις" και όχι ζήσε για να δουλεύεις.