Πώς να περιορίσει το μέγεθος αρχείου CSS

Υπάρχουν πολλές διαφορετικές στρατηγικές που μπορείτε να χρησιμοποιήσετε για να μειώσει το μέγεθος ενός Cascading Style Sheets ( CSS ) αρχείο . Τα περισσότερα από αυτά αφορούν πρωτίστως με το να απαλλαγούμε από τις απολύσεις και τη μεγιστοποίηση της απόδοσης . CSS αρχεία μπορεί να πάρει μεγάλες , ειδικά για ένα δικτυακό τόπο με μια πολύπλοκη διάταξη, και το μέγεθος του αρχείου CSS μπορεί να γίνει ένας σημαντικός παράγοντας για την ταχύτητα με την οποία μια ιστοσελίδα φορτία . Με απασχολεί μερικές τεχνικές κοινή λογική , όμως, μπορείτε να ελαχιστοποιήσετε το μέγεθος του αρχείου CSS , ώστε τα φορτία ιστοσελίδα όσο το δυνατόν γρηγορότερα . Οδηγίες
Η 1

Δημιουργήστε ένα εξωτερικό αρχείο CSS αντί να χρησιμοποιούν inline κώδικα CSS στο αρχείο HTML . Αυτό είναι τόσο το αρχείο CSS θα αποθηκευτεί προσωρινά από το πρόγραμμα περιήγησης στο Web στις επόμενες επισκέψεις σας στην ιστοσελίδα , αντί να κατεβάσει ξανά και ξανά, όπως θα ήταν αν ήταν μέρος του αρχείου HTML . 2

Χρήση οι διάφορες CSS κώδικες στενογραφία , αντί του καταλόγου των επιμέρους ιδιοτήτων ενός στοιχείου . Για παράδειγμα , τα διάφορα στοιχεία του φόντου , όπως το " υπόβαθρο-χρώμα : # fff ? " , " Υπόβαθρο-επαναλαμβάνω : δεν υπάρχει-επαναλαμβάνω ? " Και " υπόβαθρο-θέση : 0 0 ? " Όλα μπορούν να αναφέρονται ξεχωριστά , ή μπορούν να συνδυαστούν σε κάτι σαν " υπόβαθρο: # fff καμία επανάληψη 0 0 ? ", το οποίο είναι πολύ λιγότερο κώδικα και μειώνει το μέγεθος αρχείου εικόνων
3

Ομάδα στοιχεία μαζί που έχουν τις ίδιες ρυθμίσεις στυλ . . Για παράδειγμα, αν τα στοιχεία h1 και h2 τα στοιχεία σας έχουν τις ίδιες ρυθμίσεις στυλ , μπορείτε να τα συνδυάσετε όπως αυτό , " h1 , h2 { διάφορες ρυθμίσεις στυλ } ? " , Ώστε να μην χρειάζεται να γράψετε όλες τις ρυθμίσεις στυλ δύο φορές <. br > Φτηνές 4

Χρησιμοποιήστε τις μειωμένες κωδικούς hex χρώμα αντί για τα πλήρη χρωματικούς κώδικες εξάγωνο . Για παράδειγμα , τόσο οι εξαψήφιο κωδικό χρώμα # FFFFFF και ο κωδικός # FFF δηλώνουν άσπρο .
5

Εξαλείψτε τυχόν περιττά αλλαγές γραμμής από το αρχείο CSS . Είναι κοινή πρακτική στη λίστα διάφορες ιδιότητες της γραμμής ενός στοιχείου από τη γραμμή , αλλά αυτό δεν είναι απαραίτητο . Αν το μέγεθος του αρχείου είναι μια ανησυχία , οι διάφορες ιδιότητες των στοιχείων μπορεί να αναφέρονται σε μια μακρά σειρά , χωρίζονται μόνο το συνηθισμένο ερωτηματικό . Αυτό μπορεί να κάνει το αρχείο CSS πιο δύσκολο για τους ανθρώπους να το διαβάσουν , αλλά προγράμματα περιήγησης στο Web δεν έχουν κανένα πρόβλημα με αυτό το πιο περικομμένο στυλ.
Η 6

Εξάλειψη περιττές χαρακτήρες από τα σχόλιά σας . Πολλοί προγραμματιστές χρησιμοποιούν επιπλέον χαρακτήρες γύρω από ένα σχόλιο να κάνω ένα σχόλιο ξεχωρίζουν περισσότερο γι 'αυτό είναι πιο εύκολο να βρείτε . Αυτό είναι περιττό , όμως, και οι επιπλέον χαρακτήρες κάνει μόνο το αρχείο CSS μεγαλύτερο από ό, τι πρέπει να είναι .
Η
εικόνων