Πώς να βρείτε αχρησιμοποίητα στυλ CSS στο φύλλο στυλ σας

css

Παρόλο που τα φύλλα στυλ σας αποθηκεύονται προσωρινά, η πρώτη φορά που κάποιος επισκέπτεται τον ιστότοπό σας ένα φουσκωμένο αρχείο CSS μπορεί πραγματικά να επιβραδύνει τον ιστότοπό σας. Αυτό δεν είναι πολύ καλό για μια πρώτη εντύπωση. Καθώς οι ιστότοποι μεγαλώνουν, τείνουν να επεκτείνονται με νέα widget και αντικείμενα που οι σχεδιαστές συνεχίζουν να συντονίζουν με όλο και περισσότερες επιλογές φύλλων στυλ. Με την πάροδο του χρόνου, το φύλλο στυλ σας μπορεί να φουσκώσει και να αποτελέσει βασικό μέρος γιατί η λήψη του ιστότοπού σας είναι πιο αργή από άλλους.

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

Όχι με την περίπτωση Μη χρησιμοποιημένο CSS - ένα εργαλείο που Άντριου Μπαλντόκ από Mindjet, a χαρτογράφηση μυαλού εφαρμογή, μου έδειξε χθες. Το εργαλείο ανιχνεύει τον ιστότοπό σας και προσδιορίζει το αχρησιμοποίητο CSS. Μπορείτε ακόμη και να ελέγξετε τα στυλ που θέλετε να διατηρήσετε ανεξάρτητα από την ανάλυση. Για να το συμπληρώσετε, μπορείτε να κατεβάσετε το φύλλο στυλ αφού εκτελεστεί σε μια ρουτίνα minify.

αχρησιμοποίητο css

Πάνω βρίσκεται ο πίνακας ελέγχου όπου Μη χρησιμοποιημένο CSS διαπίστωσε ότι θα μπορούσε να μειώσει το φύλλο στυλ μου κατά 56%. Θα συνεχίσουμε να δοκιμάζουμε το εργαλείο - εξακολουθώ να ανησυχώ για αντικείμενα που τραβάμε μέσω Javascript και Ajax. Ωστόσο, φαίνεται ότι είναι ένας μεγάλος πόρος για εμάς.

2 Σχόλια

  1. 1
  2. 2

Ποια είναι η γνώμη σας;

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.