Eine lustige Übung von Terence Eden. Sie können eine HTML-Datei über das Netzwerk senden, die alles enthält, was eine Website benötigt, ohne weitere Dateien anzufordern. CSS und JavaScript sind einfach, da es <script> und <style> Tags gibt. Bilder und Schriften (und so ziemlich jede andere Art von Asset) sind nicht allzu schwierig, da Data URLs existieren. Sehen Sie sich Terence's Beitrag für eine besonders knifflige Endversion an, die auch .zip Dateien enthält.
Erinnert mich an ein paar andere Tricks...
- Sie müssen CSS nicht in Ihr HTML einbinden, Sie können eine HTML-Datei zwingen, die Stile über Header zu laden.
- Sie können den obigen Trick verwenden und buchstäblich kein HTML senden und trotzdem etwas erstellen, das wie eine Website aussieht, da der Browser bestimmte HTML-Elemente impliziert, die Sie dann über CSS Pseudo-Elemente anhängen können. Lesen Sie: „Using CSS without HTML“
Interessant wäre hier, wie sich das auf die Leistung auswirkt. Können Browser Ladezeiten mit separaten Dateien besser optimieren? Mit HTTP 2/3 spielen mehrere Netzwerkanfragen an denselben Server weniger eine Rolle, soweit ich weiß.