Πώς να χρησιμοποιήσετε το Prefetch και το DNS-Prefetch στο WordPress;

Βήμα 1:Τι είναι το Prefetch και το DNS-Prefetch και γιατί να τα χρησιμοποιήσετε;

Προαναφορά και DNS-prefetch είναι δύο τεχνικές που χρησιμοποιούνται για τη βελτίωση της απόδοσης ενός ιστότοπου. Δείτε τι κάνει το καθένα:

- Προαναφορά: Το χαρακτηριστικό prefetch λέει στο πρόγραμμα περιήγησης ότι ένας πόρος (όπως μια εικόνα, ένα αρχείο CSS ή ένα σενάριο) θα χρειαστεί στο εγγύς μέλλον. Το πρόγραμμα περιήγησης θα ξεκινήσει στη συνέχεια να κατεβάζει αυτόν τον πόρο στο παρασκήνιο, προτού ζητηθεί πραγματικά. Αυτό μπορεί να επιταχύνει τη φόρτωση της σελίδας, καθώς οι πόροι θα είναι έτοιμοι όταν χρειαστεί.

- DNS-prefetch: Το χαρακτηριστικό DNS-prefetch λέει στο πρόγραμμα περιήγησης να επιλύσει τη διεύθυνση DNS ενός πόρου στο παρασκήνιο, προτού χρησιμοποιηθεί πραγματικά. Αυτό μπορεί επίσης να βελτιώσει την απόδοση ενός ιστότοπου, καθώς εξαλείφει την ανάγκη του προγράμματος περιήγησης να περιμένει για την αναζήτηση DNS όταν πραγματικά ζητήσει τον πόρο.

Με άλλα λόγια, η χρήση αυτών των χαρακτηριστικών είναι σαν να ενημερώνετε το πρόγραμμα περιήγησής σας σχετικά με τα πράγματα που θα χρειαστεί να φορτώσει στο μέλλον. Αυτό μπορεί να σας βοηθήσει να κάνετε τον ιστότοπό σας πιο γρήγορο.

Η χρήση prefetch και DNS-prefetch είναι μια αρκετά απλή εργασία, αλλά απαιτεί λίγη γνώση κωδικοποίησης. Έχοντας αυτό κατά νου, ας ξεκινήσουμε!

Βήμα 2:Τρόπος χρήσης Prefetch και DNS-Prefetch

Η βασική ιδέα πίσω από τη χρήση prefetch και DNS-prefetch είναι να προσθέσετε τα αντίστοιχα χαρακτηριστικά HTML στο ` Ετικέτες " και "

...

...

```

Στο παραπάνω παράδειγμα, χρησιμοποιήσαμε και τα χαρακτηριστικά prefetch και DNS-prefetch για να υποδείξουμε στο πρόγραμμα περιήγησης τους πόρους που θα χρειαστεί στο μέλλον. Μπορείτε να χρησιμοποιήσετε αυτά τα χαρακτηριστικά σε οποιονδήποτε πόρο πιστεύετε ότι μπορεί να χρειαστεί λίγος χρόνος για να φορτώσει, όπως μεγάλες εικόνες, αρχεία CSS ή αρχεία JavaScript.

Βήμα 3:Δοκιμή και παρακολούθηση

Αφού προσθέσετε τα χαρακτηριστικά prefetch και DNS-prefetch στο θέμα σας, θα πρέπει να δοκιμάσετε τον ιστότοπό σας για να βεβαιωθείτε ότι λειτουργεί σωστά. Μπορείτε να χρησιμοποιήσετε ένα εργαλείο όπως το Pingdom ή το GTmetrix για να δοκιμάσετε την απόδοση του ιστότοπού σας. Μπορείτε επίσης να χρησιμοποιήσετε τα εργαλεία προγραμματιστών του προγράμματος περιήγησης για να προβάλετε τα αιτήματα δικτύου και να δείτε εάν γίνεται εκ των προτέρων ανάκτηση των πόρων και προανάκτηση DNS.

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

Συμπέρασμα

Η χρήση prefetch και DNS-prefetch μπορεί να είναι ένας απλός και αποτελεσματικός τρόπος για να βελτιώσετε την απόδοση του ιστότοπού σας στο WordPress. Ενημερώνοντας το πρόγραμμα περιήγησής σας σχετικά με τους πόρους που θα χρειαστεί στο μέλλον, μπορείτε να επιταχύνετε τη φόρτωση των σελίδων σας και να κάνετε τον ιστότοπό σας πιο γρήγορο.