Πίνακας περιεχομένων:

Πώς μπορώ να επιταχύνω τη φόρτωση της γραμματοσειράς μου;
Πώς μπορώ να επιταχύνω τη φόρτωση της γραμματοσειράς μου;

Βίντεο: Πώς μπορώ να επιταχύνω τη φόρτωση της γραμματοσειράς μου;

Βίντεο: Πώς μπορώ να επιταχύνω τη φόρτωση της γραμματοσειράς μου;
Βίντεο: Πώς μπορώ να βλέπω YouTube χωρίς διαφημίσεις; 2024, Απρίλιος
Anonim

Επιτρέψτε μου να σας δείξω μια στρατηγική για ταχύτερη φόρτωση γραμματοσειρών

  1. Βάζω Γραμματοσειρές στο CDN. Μια απλή λύση για τη βελτίωση του ιστότοπου Ταχύτητα χρησιμοποιεί ένα CDN και αυτό δεν διαφέρει γραμματοσειρές .
  2. Χρησιμοποιήστε μη αποκλειστικό CSS Φόρτωση .
  3. Ξεχωριστός Γραμματοσειρά Επιλογείς.
  4. Εναποθήκευση Γραμματοσειρές σε τοπική αποθήκευση.

Στη συνέχεια, κάποιος μπορεί επίσης να ρωτήσει, πώς μπορώ να κάνω τις γραμματοσειρές Google να φορτώνουν πιο γρήγορα;

  1. Φορτώστε πρώτα τις γραμματοσειρές Google πριν από το CSS. Τοποθετήστε τον κώδικα εισαγωγής Google έτσι ώστε να φορτώνεται πρώτα αμέσως μετά την ετικέτα HTML HEAD, ΑΚΟΜΑ και πριν φορτώσετε το αρχείο CSS.
  2. Χρησιμοποιήστε τη μορφή συνδέσμου. Υπάρχουν 3 τρόποι με τους οποίους μπορείτε να φορτώσετε τις γραμματοσειρές Google ‚ @import, link rel και javascript.
  3. Λιγότερες γραμματοσειρές.
  4. Συνδυάστε τους κωδικούς γραμματοσειράς σας.
  5. Συμπέρασμα.

Δεύτερον, οι γραμματοσειρές Google επιβραδύνουν τον ιστότοπο; Εξωτερικός γραμματοσειρά σενάρια όπως το Typekit ή Οι γραμματοσειρές Google επιβραδύνουν τον ιστότοπό σας. Το Typekit είναι το χειρότερο για ταχύτητα. Websafe γραμματοσειρές είναι εγγυημένα πιο γρήγορα. Σύμφωνα με το αρχείο HTTP, από τον Οκτώβριο του 2016, ο ιστός γραμματοσειρές είναι λίγο περισσότερο από το 3 τοις εκατό του συνολικού βάρους μιας μέσης σελίδας.

Επίσης, γνωρίζετε πώς βελτιστοποιείτε τις γραμματοσειρές;

Ακολουθούν ορισμένα βήματα που μπορείτε να ακολουθήσετε για να βελτιστοποιήσετε την παράδοση των γραμματοσειρών σας

  1. Έλεγχος και χρήση γραμματοσειράς παρακολούθησης.
  2. Πόροι γραμματοσειράς υποσυνόλου.
  3. Παρέχετε βελτιστοποιημένες μορφές γραμματοσειράς σε κάθε πρόγραμμα περιήγησης.
  4. Δώστε προτεραιότητα στην local() στη λίστα src.
  5. Υποβάλετε έγκαιρα το αίτημα γραμματοσειράς.
  6. Η σωστή αποθήκευση στην κρυφή μνήμη είναι απαραίτητη.

Πώς μπορώ να φορτώσω μια γραμματοσειρά σε έναν ιστότοπο;

Ο κανόνας @font-face CSS που εξηγείται παρακάτω είναι η πιο κοινή προσέγγιση για την προσθήκη προσαρμοσμένων γραμματοσειρών σε έναν ιστότοπο

  1. Βήμα 1: Κατεβάστε τη γραμματοσειρά.
  2. Βήμα 2: Δημιουργήστε ένα κιτ γραμματοσειράς Web για διασταυρούμενη περιήγηση.
  3. Βήμα 3: Ανεβάστε τα αρχεία γραμματοσειράς στον ιστότοπό σας.
  4. Βήμα 4: Ενημερώστε και ανεβάστε το αρχείο CSS.
  5. Βήμα 5: Χρησιμοποιήστε την προσαρμοσμένη γραμματοσειρά στις δηλώσεις CSS σας.

Συνιστάται: