Heim > Web-Frontend > js-Tutorial > Vorteile von Google gehostet JQuery

Vorteile von Google gehostet JQuery

Christopher Nolan
Freigeben: 2025-03-11 00:02:11
Original
675 Leute haben es durchsucht

Vorteile von Google gehostet JQuery

Grundsätzlich sollten Sie diese Art von Code in einem Header -Tag einer Website sehen:
 
Nach dem Login kopieren
Das ist die normale Methode, um JQuery -Bibliothek in Ihre Website aufzunehmen. Es gibt kein Problem, dies zu tun, aber es gibt einen besseren Weg. Google Ajax -Bibliotheken bedient JQuery Ihren Benutzern, die direkt aus dem Google -Netzwerk von Rechenzentren kommen. Es gibt einige Vorteile davon über das Hosting von JQuery auf Ihrem eigenen Server:
  1. Verringerte Latenz
  2. Erhöhte Parallelität
  3. Besseres Caching
Ich werde diese drei Vorteile von Googles CDN erläutern und Ihnen einige Beispiele zur Nutzung dieses Dienstes zeigen.

Latenz verringern

CDN Kurzfristig für das Inhaltsdelieferungsnetzwerk - Dies verteilt Ihren statischen Inhalt über Server an verschiedenen physischen Standorten. Wenn es einem Browser gelang, die URL dieser Dateien zu beheben, stammt sein Download automatisch vom nächsten verfügbaren Server im Netzwerk. In Google Ajax Libraries CDN können Benutzer, die nicht in der Nähe Ihres Servers nicht in der Nähe sind, JQuery weiterhin schneller herunterladen, als sie dazu zu zwingen, ihn von Ihrem Server herunterzuladen.

Erhöhte Parallelität

Um unnötige Überladungsserver zu vermeiden, kann die Anzahl der Verbindungen des Browsers gleichzeitig hergestellt werden. Abhängig vom Browser kann die Grenze in zwei Verbindungen pro Hostname minimiert werden. Mit Hilfe von Google Ajax Libraries CDN wird eine Anfrage auf Ihre Website entfernt, sodass Ihr lokaler Inhalt parallel heruntergeladen wird. Für Benutzer mit einem Sechs -Verbindungs ​​-Browser macht es jedoch keinen großen Unterschied, aber diese verwenden immer noch einen Browser, der nur zwei verwendet, der Unterschied ist offensichtlich.

Besseres Caching

Idealerweise ist der größte, aber am wenigsten erwähnte Vorteil der Verwendung der Google Ajax -Bibliotheken CDN für Sie JQuery ist, dass Ihre Benutzer JQuery überhaupt nicht herunterladen müssen. Es spielt keine Rolle, wie aggressiv Ihr Caching ist. Wenn Sie jedoch JQuery lokal hosten, müssen die Benutzer es mindestens einmal herunterladen. Auch wenn sie unzählige identische Kopien von JQuery im Cache haben, haben diese keine Verwendung, wenn der Benutzer Ihre Website zum ersten Mal besucht.

Wie es geht

Sie wurden wahrscheinlich von Google Ajax Libraries CDN überzeugt. Es ist Zeit, Ihnen zu zeigen, wie man dieses Zeug macht. Von zwei verfügbaren Methoden ist diese Methode diejenige, die Google empfiehlt: Der Google.load () -Ansatz bietet die größte Funktionalität und Leistung. mit dem gleichen Ergebnis. Dies wird automatisch die // & nbsp; Neueste Version, die dem partiellen Revisionsmuster entspricht // & nbsp; (ZB 1.3 würde heute 1.3.2 laden und 1 würde 1.4.4 laden). Google .load ("jQuery", "1.4.4"); google .setonloadCallback (function () { // platziere den Init -Code hier anstelle von $ (document) .Ready () }); Es ist nichts falsch daran, tatsächlich ist es eine Verbesserung gegenüber der Hosting von JQuery selbst und es bietet jedoch nicht die beste Leistung. Vorteile von Google gehostet JQuery Das Bild oben zeigt deutlich, dass das Laden, Parsen und die Ausführung von JSAPI den tatsächlichen Jquery -Antrag negativ beeinflusst. Es ist keine große Menge, aber es ist eine Verzögerung. Das schlimmste Teil ist, dass Sie in Verbindung mit dieser Art von Lastmethode kein $ (dokument). Es erfordert den setonloadCallback ().

Zurück zu Essentials

Vor all diesen Nachteilen bei der Google.load () -Methode würde ich empfehlen, diese Art von alter Art und Weise zu verwenden, wie dies die JSAPI -Verzögerung vermeidet und drei nutzlose HTTP -Anforderungen beseitigt. Ich würde diesen empfehlen und bevorzugen.

Schlussfolgerung

Am Ende des Tages liegt die Entscheidung in Ihren Händen. Sie können die jQuery lokal auf Ihrem Server hosten oder die Google Ajax Libraries CDN verwenden. Aber ich hoffe, dass die obige Erklärung den Vorteil des Hosting von JQuery über Google Ajax -Bibliotheken CDN über das Hosting selbst selbst zeigt. Idealerweise ist die Google Ajax -Bibliotheken CDN eindeutig besser.

Häufig gestellte Fragen zu Google Hosted JQuery

Welche Vorteile der Verwendung von Google Hosted JQuery? Erstens erhöht es die Geschwindigkeit und Effizienz Ihrer Website. Die Server von Google sind wahrscheinlich schneller als Ihre eigene, sodass Ihre Website schneller geladen wird. Zweitens rettet es Bandbreite. Google hostet diese Bibliotheken, sodass sie keinen Platz auf Ihrem Server einnehmen. Schließlich bietet es ein besseres Caching. Die meisten Benutzer haben diese Bibliotheken bereits von Google zwischengespeichert. Wenn sie eine Site mit derselben Bibliothek besucht haben, muss sie nicht erneut heruntergeladen werden. Das SRC -Attribut des Skript -Tags sollte auf die JQuery -Bibliothek auf Googles CDN verweisen. Hier ist ein Beispiel:
< script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js Auf der Google Developers -Website. Ab sofort ist die neueste stabile Version JQuery 3.5.1. Es ist jedoch immer eine gute Idee, die offizielle Website für die neueste Version zu überprüfen. Es reduziert die Last auf Ihrem Server, erhöht die Ladegeschwindigkeit Ihrer Website und verbessert das Caching. Darüber hinaus ist das CDN von Google wahrscheinlich zuverlässiger und schneller als Ihr eigener Server.

Kann ich Google Hosted JQuery Offline verwenden? Da die Dateien auf den Servern von Google gehostet werden, benötigen Sie eine Internetverbindung, um darauf zuzugreifen. Wenn Sie JQuery Offline verwenden müssen, sollten Sie die Bibliothek herunterladen und auf Ihrem eigenen Server hosten. Google bietet diesen Service als Teil seiner Mission, das Web schneller und effizienter zu gestalten.

Wie zuverlässig ist Google Hosted JQuery? Die Server von Google gehören zu den robustesten und zuverlässigsten der Welt, um sicherzustellen, dass die JQuery -Bibliothek immer verfügbar ist, wenn Ihre Website sie benötigt. Für ältere Browser müssen Sie jedoch möglicherweise eine ältere Version von JQuery verwenden.

Wie oft wird Google Hosted JQuery aktualisiert? Google zielt darauf ab, seine gehosteten Bibliotheken so auf dem neuesten Stand wie möglich zu halten. JQuery ist so konzipiert, dass sie gut mit anderen Bibliotheken abspielt, und die Verwendung von Googles CDN ändert das nicht.

Das obige ist der detaillierte Inhalt vonVorteile von Google gehostet JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage