Ich kann nur Inline-CSS und JS anzeigen, während ich den Quellcode der Google-Webseite ansehe. Ich sehe keine CSS-Datei oder JS-Datei enthalten.
Wie enthalten sie Jquery, Plugins usw.? (oder) Verwendet Google Jquery?
Google verwendet Closure Compiler um sein JavaScript zu komprimieren.
Nein, Google verwendet jQuery auf keinen Fall. Es handelt sich um Vanilla JavaScript und (manchmal) Closure Library .
Wie bei Inlining ist es, wenn JS / CSS relativ klein ist, schneller, es einzubinden , um die Anzahl der HTTP-Anfragen zu minimieren .
Google Page Speed Online kann Ihnen Tipps geben, wie Sie Ihre Seite optimieren können.
mod_pagespeed für Apache kann viele Optimierungen für Sie vornehmen (einschließlich der entsprechenden Inhalte).
Sie verwenden höchstwahrscheinlich eine Verarbeitungssoftware, die ihre Entwicklung HTML / CSS / JS in das HTML / CSS / JS konvertiert, das wir Besucher ihrer Website erhalten.
Viele Websites tun dies bis zu einem gewissen Grad (z. B. komprimieren der CSS- und JS-Dateien, um ihre Dateigröße zu reduzieren), aber es ist auch möglich, alles mit einem Prozessor zu verknüpfen.
Die Google-Suchseite (die mit dem riesigen Google-Logo) ist nichts anderes als eine einzelne seitenweise "Web-App". Es verwendet AJAX, um mit dem Server zu kommunizieren, um seine Suchvorgänge abzurufen, sodass Sie die Seite nicht einmal verlassen müssen.
mit diesem gesagt, macht es mehr Sinn, die Seite (mit Quelle gequetscht) in einem großen Brocken (HTML + CSS + JS) anstatt mehrere Dateien für Stylesheets, Seite und Skripte zu laden.
Dies ist ein Vorteil, da es die Anzahl der HTTP-Anfragen auf nur eine Datei reduziert (anstatt einen separaten Index und mehrere CSS und JS) und das Laden der Seite beschleunigt. Und nicht zu vergessen, diese einzelne Seite ist cachable . Wenn Sie diese Seite das nächste Mal besuchen, wird es direkt aus dem Cache geladen und es ist keine HTTP-Anfrage erforderlich.
Tags und Links javascript css