Wie kann man JavaScript und CSS für eine schnellere Website optimieren?

Hmm, also ich bin etwas skeptisch. Klar, Code-Minimierung und Tools können hilfreich sein, aber es hängt auch stark von anderen Faktoren ab, wie der Servergeschwindigkeit oder dem Aufbau der Webseite selbst. Man könnte auch in Betracht ziehen, erst zu prüfen, ob tatsächlich JavaScript und CSS die Hauptursachen sind, die die Geschwindigkeit beeinflussen. Vielleicht gibt es da noch andere Baustellen? Was haltet ihr davon?

Wie wär's mit selbstauflösendem Code nach dem ersten Gebrauch? Einmal geladen, für immer im Gedächtnis! Spaß beiseite, aber habt ihr schon mal Async und Defer in HTML-Skript-Tags ausprobiert? Das könnte die Sache beschleunigen, ohne dass die Webseite Schluckauf bekommt.

Überlegt euch auch mal, ob es nötig ist, dass all eure Skripte im Head-Bereich stehen. Ein paar davon könnten vielleicht auch ans Ende des Body-Tags, damit der Inhalt Vorrang hat und die Skripte erst nachladen.

Habt ihr auch schon in Betracht gezogen, kritische CSS direkt einzubinden und den restlichen Teil zu laden, sobald die Seite es zulässt? Oder setzt ihr vielleicht schon auf CSS-Sprites, um die Anzahl der HTTP-Requests zu reduzieren?

Ehrlich gesagt, finde ich, dass das alles oft überbewertet wird. Manchmal reicht es einfach nicht aus, nur an JavaScript und CSS herumzudoktern. Man muss das große Ganze sehen.