Παρόλο που ο στόχος όλων είναι η μείωση του προϋπολογισμού απόδοσης ιστού, εξακολουθεί να είναι απαραίτητο να χρησιμοποιείτε υπηρεσίες τρίτων. Όταν χρησιμοποιείτε αυτές τις υπηρεσίες, το "Αναζήτηση DNS"Οι χρόνοι μπορούν να καταναλώσουν σημαντικό μέρος του προϋπολογισμού, ανάλογα με τον αριθμό των υπηρεσιών. Αυτές οι φόρτωση επηρεάζουν διάφορες πτυχές της ταχύτητας σελίδας, συμπεριλαμβανομένης της Πρώτης Περιεχόμενης Ζωγραφικής (FCP).

Ο σκοπός αυτών των δύο εννοιών είναι η βελτιστοποίηση των χρόνων σύνδεσης τρίτων. Πριν κατανοήσουμε τις διαφορές μεταξύ αυτών των δύο εννοιών, είναι απαραίτητο να κατανοήσουμε τι ακριβώς συμβαίνει όταν υποβάλλεται αίτημα τρίτου μέρους:

  1. Ο τομέας επιλύεται για να αποκτήσει μια διεύθυνση IP.
  2. Δημιουργείται σύνδεση με τον διακομιστή.
  3. Η σύνδεση είναι κρυπτογραφημένη για να διασφαλιστεί η ασφάλεια.

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

  • Προσύνδεση: Διασφαλίζει ότι και τα τρία βήματα που αναφέρονται παραπάνω είναι προρυθμισμένα.
  • DNS-Prefetch: Χρησιμεύει μόνο για τη μετατροπή του ονόματος τομέα σε διεύθυνση IP στο πρώτο βήμα.

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

image-14.png
πηγή: https://web.dev/preconnect-and-dns-prefetch/

Περίληψη Χρήσης

Δεδομένων των παραπάνω πληροφοριών, ακολουθεί μια σύντομη περίληψη της χρήσης τους:

<link rel="preconnect" href="https://third-party-example.com">
<link rel="dns-prefetch" href="https://third-party-example.com">

Συμβατότητα προγράμματος περιήγησης

Κατά τη συζήτηση για τη χρήση τους, είναι επίσης σημαντικό να αναφέρουμε τη συμβατότητα του προγράμματος περιήγησης. Αυτές οι δύο στενά συνδεδεμένες έννοιες υποστηρίζονται ευρέως από τα σύγχρονα προγράμματα περιήγησης, αλλά η χρήση τους δεν επικαλύπτεται πλήρως. Η προσύνδεση υποστηρίζεται από περίπου το 97% των προγραμμάτων περιήγησης, Ενώ Το dns-prefetch υποστηρίζεται από το 83% των προγραμμάτων περιήγησης (από τον Ιούνιο του 2024).

Συνεισφορά στον προϋπολογισμό απόδοσης Ιστού

  • Η προσύνδεση μπορεί να προσφέρει συνολική βελτίωση της ταχύτητας 100-500ms.
  • Το DNS-Prefetch μπορεί να επιταχύνει κάθε σύνδεση κατά 20-120ms.

Σκοπεύουμε να πραγματοποιήσουμε τις δικές μας δοκιμές για να παρέχουμε πιο ικανοποιητικά τοπικά παραδείγματα.

Τέλος, θα ήθελα να συστήσω και να πιστέψω το ιστολόγιο του Ceyhun Enki Aksan, το οποίο συνέβαλε σημαντικά στην κατανόησή μου κατά την προετοιμασία αυτού του άρθρου: Ιστολόγιο του Ceyhun Enki Aksan.