CriticalCSS

CriticalCSS είναι ένα σύνολο εργαλείων βελτιστοποίησης CSS που βρίσκει Πάνω από το Διπλώνετε κώδικα CSS.

Πάνω από το Διπλώνετε CSS είναι επίσης γνωστή ως κρίσιμη διαδρομή CSS και είναι το CSS που απαιτείται για να καταστήσει το ορατό μέρος της σελίδας, όταν για πρώτη φορτία.

Η Google άρχισε να συστήνεται μέσω PageSpeed ​​Insights ότι όλοι κρίσιμη διαδρομή CSS θα πρέπει να φορτωθεί στην πρώτη, ακόμα και inlined με το αρχείο HTML, και το υπόλοιπο των αρχείων CSS φορτωθεί μετά τη σελίδα έχει καταστήσει.

Αυτό συμβαίνει επειδή CSS είναι ένας πόρος κλείδωμα σελίδα που εμποδίζει τίποτα από το να εμφανίζονται στη σελίδα μέχρι να φορτωθεί.

Επιλογή και διαχωρισμού Πάνω από το Διπλώνετε CSS κάνει ότι το μέγεθος αυτού του κώδικα CSS διατηρείται μικρές και (σε ​​μεγάλο βαθμό) επιταχύνει τη σελίδα σας.

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

Οι οδηγίες χρήσης που παρέχονται με το αρχείο README του πακέτου

Τι είναι καινούργιο σε αυτή την έκδοση:.

• Αφαιρέθηκε μια προϋπόθεση για να αποκλείσει οθόνη: στοιχεία none όπως είχε προκαλέσει απροσδόκητα αποτελέσματα
.

Τι είναι καινούργιο στην έκδοση 1.0.0:

• Αφαιρέθηκε μια κατάσταση που να αποκλείει οθόνη: στοιχεία none ως είχε προκαλέσει απροσδόκητα αποτελέσματα.

Τι είναι καινούργιο στην έκδοση 0.6.1:

• Αφαιρέθηκε μια κατάσταση που να αποκλείει οθόνη: στοιχεία none ως είχε προκαλέσει απροσδόκητα αποτελέσματα.

Τι είναι καινούργιο στην έκδοση 0.5.1:

• Αφαιρέθηκε μια κατάσταση που να αποκλείει οθόνη: στοιχεία none ως είχε προκαλέσει απροσδόκητα αποτελέσματα.

Τι είναι καινούργιο στην έκδοση 0.5.0:

• Αφαιρέθηκε μια κατάσταση που να αποκλείει οθόνη: στοιχεία none ως είχε προκαλέσει απροσδόκητα αποτελέσματα.

Απαιτήσεις :

• Node.js 0.10 ή νεότερη έκδοση